Custom CSS Expanding Sections glitch

Site URL: http://www.kosmetologedg.lt/kainos

Hi!

I have used a custom css code for my expanding section. I almost got it work, but right now my whole page is bouncing because of some glitch. How should I fix it? 

Website url: www.kosmetologe.lt/kainos
Password: kosmetologe

Thank you!

Please give us the site-wide password so we can take a look at your issue.

sorry! password: kosmetologe

I haven't dug deeply into your issue. It appears as though the slide toggle code event listener has been applied to each element about a dozen times. So when an item is clicked you get that undulating effect.

I think what is causing the issue is that there are multiple code blocks with the following code in them.

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script> $(document).ready(function(){
$('.markdown-block .sqs-block-content h3').css('cursor','help');
$(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
$(".markdown-block .sqs-block-content h3").click(function()
{$(this).nextUntil("h3").slideToggle();}); }); </script>

I suggest removing all but the first of those blocks. If you don't want to remove you can comment out the code.

<!-- script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script> $(document).ready(function(){
$('.markdown-block .sqs-block-content h3').css('cursor','help');
$(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle();
$(".markdown-block .sqs-block-content h3").click(function()
{$(this).nextUntil("h3").slideToggle();}); }); </script -->

Let us know how it goes.

Yeah, I did a mistake by adding code blocks before every markdown. 
I deleted all the code blocks and left only one, now it works perfectly. 

Thank you!