Building a FAQ Accordion with Auto Collapse (using Webflow and Finsweet's Attribute Solution)

Previous video on building an FAQ using native Webflow Interactions:
• How to design and buil...
Thank you for watching. If you liked this video, please consider subscribing to this channel for more videos.
===========================
Connect with Matthias Cannell on Social Media:
===========================
/ matthiascordes
/ matthiascordes

[@jorgenhamsund9612]

Great video, keep it up!

[@otavioalexandre7575]

Nice content bro

[@von_fuer_]

This helped a lot. You can edit the animations via the transition settings of each element and the is-active class. That's why it didn't work when you changed the classes of the elements for styling. You were getting rid of the transition settings. I just have one issue. On page load the JS version always displays the content first and then collapses to "initial". I'd like to use this setup for bigger content sections and this effect is very inconvenient. Any idea how to solve this?

[@von_fuer_]

Just solved =) For anyone else, add this in your custom code: [fs-accordion-element~="content"] { display: none; }

[@AaronOcampoZ]

You can do all of this without FS attributes and just Webflow interactions

[@onyedikachimereze]

Please tell me how!

[@thejamesnewman]

@@onyedikachimereze Adding interactions to your dropdown box will let you do the same. There's a good template on the webflow site actually.