Jump to content

Lines in FAQ accordion

Go to solution Solved by Jo_SQSP,

Recommended Posts

Site URL: https://www.flyingpigvacations.com

We are utilizing markdown to create an accordion style FAQ.  Currently we have a horizontal line that is only half the text AND only shows up after you do the drop down.  I want the line to be there prior to the drop down AND to be the full length of the text.

The markdown code I am using is 

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

Then in the actual markdown after each Q&A - i go to the next line and type <hr>

the <hr> is what is creating the line.

Any suggestions? 

site is flyingpigvacations.com

password is goinglivesoon

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • 9 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.