Fluid Engine and markdown code handling

I am rebuilding a page and began by duplicating the existing page (https://memc.co.nz/our-doctors). I upgraded the page to Fluid Engine because it made the rebuild much easier - but it has broken the layout behaviour of the page header code, which toggles the visibility of the markdown block contents. In the old page, the vertical space between block rows was minimised as a default and expanded to accommodate the markdown content when it was toggled on. With Fluid Engine, the row space is stuck at the amount required for the markdown content even when it is toggled off. Anyone have an idea how to fix this? Here is the header code:

<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>

Hi,

This code won't work with Fluid Engine, you will need to adjust the code, or replicate the layout with Classic Editor Seciton.

You can share link to page where you have problem + what should it look like, we can check easier