How to make an accordion in Webflow | Free cloneable included

Clone the accordion from this video:

In this video Michael ( @bmichaelgroff ) will show you how to make an accordion in Webflow. Accordions are commonly used in sections like FAQs. While accordions aren't super complex, they do have quite a few moving parts, but no sweat, after this video you'll be a pro at making accordions!

Webflow development:

Need Webflow consulting?

#fitrmedia #webflow #startups

[DaTruthHurtzzzz]

i came here to learn about the accordion and not only learned that but a few other subtle things you did. thank you

[ValoremPaethai]

try to solve this problem for 3 hours now untill i found you video, thank you so much for doing this thing, thank you

[DiegoMendezM]

Awesome as usual! Thanks and greetings from Costa Rica, Pura Vida 🇨🇷

[maferfalla]

wow! super great tutorial! I saw a lot other videos on how to create a FAQ section in weblow but not one near as easy and well explained as yours! Congrats and thank you a lot!!

[avaliemedia]

thanks so much for this! awesome video and I'll be using this in the website I'm building for my client. Cheers!

[abdulbasitsadiq]

This is superb and straight to the point. Thanks man.

[Applecitylightkiwi]

please vote this comment up!

if you notice that only one accordion is working but others not please check if the animations you selected work by class and not by element.

[sewerlamb]

The accordion webflow link isn't actually cloneable because I can't open it in the editor - only in the live site

[balloonartisan]

I loved this so much I'm commenting again haha! Thank you so much!

[tomiisang]

Quick and to the point! You just saved me a lot of time, thank you!

[Journalderwan]

Great video thank you ! How do you add easing to the animation ?

[oarabileseoke]

A million thanks bro, this is the best accordion tutorial I've come across Lemme sub

[YoonahBae]

Thank you so much! You explained it so well.

[eouyang]

Thank you so much for sharing! and one question, where is the link of html embed you mentioned in the video?

[lguiraldeli]

Please, Where can I download the script from, used in tutorial? Thanks

[Agence_Inconnu]

In my case, when i open a single row, they are all opening.
Is there a solution please ?

[LiamMatthews-vv]

This is fantastic. I'm fairly new to webflow as a whole, but I had a question- When I look at the accordion in mobile view, I see that the icon is smaller depending on the amount of text in the question. I'd like the accordion icon to remain stagnant in size across all of the questions, regardless of size. Is there a way to do that

[savvase.]

Let’s say we have an accordion on a specific page in Webdlow and I want to link a button on that page to a specific section of the accordion so that it opens to reveal the desired text. How can we do that?

[yannyimo]

No smooth animation, not very cool for the UX

[shohanurrahman]

I have a question. Can I add a sort of easing effect so that the accordion panel opens a bit more gracefully? Right now it just pops open instantly in one click and that imo looks a little odd for my design. The easing part is greyed out in hide/show interaction.

Awesome video btw! Please make more of such tutorials.