Made in Webflow

Perfect Accordion

site profile thumbnail


Smooth and perfect accordion using Javascript (jQuery) plus a thorough video tutorial (new one coming soon!) on how to customize it and copy it into your own existing project! --------------------- *UPDATED: 03-15-2022 The entire code was redone and now made much simpler for you. New settings object that allows you to change all the classes, set functional options like anchoring & scroll-to-top for active items, animation speed and more within one place. You don't have to touch any of the "codey" stuff. You can also use your own icon for the accordion now as well instead of controlling that with CSS like before. Hope you enjoy it! --------------------- Happy designing! 😉 -Noah
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

accordionjavascriptcloneableaccordion tabexpandinghorizontal-accordiontabssticky-items

More by Noah Raskin

See profile
View details
Custom Animated Hero Slider - CMS