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:
Subscribe for more Squarespace tutorials:
Share this video:

Grab the code form the blog post:

New to Squarespace? Start here
Where I get my graphics from (Envato Elements)
(They’re affiliate links btw)

Want to support my content? Consider donating here:

Sign up for email updates:
Music I use:
Twitter: @MrJohnoCP

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


You May Also Like