jenniferdonahue Posted September 10, 2019 Share Posted September 10, 2019 Hi, Site: candyculver.comPage: https://www.candyculver.com/clients-case-studies-1Bottom of page section: "The rest of the story" I have a dark blue background on this section on which I have added an expanding Q&A using a markdown block with the code below. The blue background has a gap of white at the bottom the first time you visit the page. After that, it's fine. Can anyone help me with how to make the white gap not happen on initial visit? Link to comment
jenniferdonahue Posted September 10, 2019 Author Share Posted September 10, 2019 The markdown block code: Link to comment
tuanphan Posted September 10, 2019 Share Posted September 10, 2019 @jenniferdonahue Post your code by clicking "101 010" icon Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
jenniferdonahue Posted September 10, 2019 Author Share Posted September 10, 2019 Oh my gosh thank you! :) <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','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script> Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.