Markdow- Dropdown-H2 heading: need to close previous H2, when opening new H2

Can you help me setup up my mardkdown dropdown H2 to open one at a time, and close the previous H2 heading when opening a new H2 heading? Is it possible to do through CSS codes or need to modify HTML code:

my  current header injection code in Squarespace webpage is:

<script>
$(document).ready(function(){
$('.markdown-block .sqs-block-content h2').css('cursor','pointer');
$(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle();
$(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();});
});
</script>
 

What should be changed in this code to make this change?

Hey, you can try the code from here: https://www.adlyticmarketing.com/blog/squarespace-creating-an-accordion-style-faq-section

Also, Squarespace has an accordion block now, so see if that'll suit your needs as well.