Jump to content

Markdown Won't Collapse!

Recommended Posts

Posted

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

  • Replies 4
  • Views 1.1k
  • Created
  • Last Reply
Posted

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.

Posted
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. 

Posted
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 (Pinch/Zoom images, videos - PDFs Lightbox - ...) </>  🗓️ Delivery Date Picker (Date picker form field)
Gallery block 7.1 workaround </> 🤖 Ask me anything

Posted
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. 

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.