How to Make an FAQ Dropdown Accordion in Squarespace | Code Included!

In this video I’ll show you how to make an FAQ Accordion in Squarespace using Javascript, HTML and CSS, which you can grab the code in my blog post (link below)

An FAQ accordion is a good way to condense and organise a lot of content. Unfortunately, Squarespace doesn’t (yet) have a built in FAQ accordion.

0:00 Intro
0:45 Adding the script
1:20 Adding the HTML
2:14 Spacing and links in HTML
3:52 Adding the CSS
4:22 Customising the FAQ Accordion
8:16 Outro

Watch more: http://bit.ly/sqsptuts
Subscribe for more Squarespace tutorials: http://bit.ly/MrJohnoCPSub
Share this video: https://youtu.be/1CArrkn3Ff0
________________________

Grab the code form the blog post: https://bit.ly/3gBQemf

New to Squarespace? Start here https://bit.ly/2FRTVEo
Where I get my graphics from (Envato Elements) https://bit.ly/3gOLg4y
(They’re affiliate links btw)

Want to support my content? Consider donating here:
https://www.buymeacoffee.com/carljohnson

Sign up for email updates: http://bit.ly/2TNpgKc
Music I use: https://bit.ly/mrjohnocp-es
Twitter: @MrJohnoCP
________________________

If you’ve got any questions or requests for future videos drop them in the comments below 👇

#Squarespace

You May Also Like