Jump to content

Markdown Won't Collapse!

Go to solution Solved by Beyondspace,

Recommended Posts

Site URL: http://www.storiesthroughtori.com

Hi there. I have a markdown block on my FAQ page that works like magic (you arrive on the page and are able to click the options to open them). However, when arriving to my Session Investment and Pricing Guide page, the markdown block remains open (it will not collapse and you do not get a chance to manually open it). I've searched Youtube and reached out to SS with no luck yet. Help! What is going on here?

Here is the specific page link:

https://www.storiesthroughtori.com/session-investment-and-pricing-guide

Link to comment

There is an issue on the FAQ page too. You have two copies of the accordion code installed, one appears to be in the header and another is in a Code Block. You only need one.

Also, please note that you've used an old snippet of code that uses an old version of jQuery (v1) that has security vulnerabilities. It would be safer to use the latest version.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment
40 minutes ago, paul2009 said:

There is an issue on the FAQ page too. You have two copies of the accordion code installed, one appears to be in the header and another is in a Code Block. You only need one.

Also, please note that you've used an old snippet of code that uses an old version of jQuery (v1) that has security vulnerabilities. It would be safer to use the latest version.

Unfortunately the markdown on the FAQ won't collapse without that second code. Also, I'm no code expert (actually I have no idea how it really works) thereby the "old" version is being used simply because I have no other option. Can you perhaps link a better, more safe resource I can use? 

My initial issue with the Session Investment and Pricing Guide still stands. 

Link to comment
  • Solution
12 hours ago, torilistoe said:

Site URL: http://www.storiesthroughtori.com

Hi there. I have a markdown block on my FAQ page that works like magic (you arrive on the page and are able to click the options to open them). However, when arriving to my Session Investment and Pricing Guide page, the markdown block remains open (it will not collapse and you do not get a chance to manually open it). I've searched Youtube and reached out to SS with no luck yet. Help! What is going on here?

Here is the specific page link:

https://www.storiesthroughtori.com/session-investment-and-pricing-guide

Thanks to Paul's tips, here is what I can see:

1. You have duplication of the markdown dropdown, one in the header and another you placed it on top of the accordion under a code block, kindly remove that code block

image.thumb.png.a7a54a56d46e276931adb7fad01315e3.png

2. In the header injection in Settings->Advanced->Code Injection->Header, find the string

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

and replace it with this

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>

image.png.af02070814c514ff1383aab4bb9c066e.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
14 hours ago, bangank36 said:

Thanks to Paul's tips, here is what I can see:

1. You have duplication of the markdown dropdown, one in the header and another you placed it on top of the accordion under a code block, kindly remove that code block

image.thumb.png.a7a54a56d46e276931adb7fad01315e3.png

2. In the header injection in Settings->Advanced->Code Injection->Header, find the string

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

and replace it with this

<script src="https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js"></script>

image.png.af02070814c514ff1383aab4bb9c066e.png

Such an easy to follow solution. Thank you so much! My markdown issue has been resolved. Yay! I appreciate your feedback. 

Link to comment

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.