juodkunaitis Posted October 6, 2020 Share Posted October 6, 2020 (edited) 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! Edited October 7, 2020 by juodkunaitis Link to comment
creedon Posted October 6, 2020 Share Posted October 6, 2020 Please give us the site-wide password so we can take a look at your issue. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
juodkunaitis Posted October 7, 2020 Author Share Posted October 7, 2020 sorry! password: kosmetologe Link to comment
creedon Posted October 7, 2020 Share Posted October 7, 2020 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. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
creedon Posted October 7, 2020 Share Posted October 7, 2020 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. Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support! Link to comment
juodkunaitis Posted October 8, 2020 Author Share Posted October 8, 2020 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! creedon 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment