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.

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, 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.