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 

$('.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();});

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

Add to Design > Custom CSS

/* Accordion title border */
div#block-yui_3_17_2_1_1620182479289_3139 h4 {
    border-bottom: 1px solid black;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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.