melaniejaane's post in CSS not applying to summary items on Lazy Summaries was marked as the answer
<!------DROPDOWN SUMMARY CONTENT------>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(document).on("click", ".summary-item", function () {
$(this).toggleClass('tp-list-des-open');
})
})
</script>
<style>
.summary-content:hover /*, p.sqsrte-large strong*/{
cursor: pointer;
}
p:empty, .summary-excerpt p, .summary-v2-block h4~* /*summary block description excluding para1 text)*/{
height: 0!important;
overflow: hidden!important;
/* transition: all 0.1s ease!;*/
transition: none!important;
display:none!important;
}
.tp-list-des-open .summary-excerpt p, .tp-list-des-open~* /*summary block description excluding para1 text)*/{
height: 100%!important;
/* transition: all 0.1s ease!;*/
transition: none!important;
display:block!important;
}
.summary-title, .summary-metadata-container{pointer-events: none;}
</style>
<!------END DROPDOWN SUMMARY CONTENT------>
Wanted to post the solution for others looking in the future.
Thank you to Michael the The Lazy Summaries plugin creator for fixing the first couple lines of code and making this snippet work! 😄