Accordion with Auto-close & first accordion open by default
I am trying to build an accordion where the first one is open by default on load and then on clicking on any other accordions to open the one which is opened will be auto-closed. I tried custom build with divs but still missing the auto-close functionality and when I made this using dropdown I got the autoclose functionality but can't keep the first one open using custom code or page load trigger as it affects the autoclose. So if someone knows a way around to make it all work or has a cloneable would be much appreciated. Thanks in advance. @Web Bae Please can I get your guidance on this?
4 Replies
@raj_badgewar how about these?
Perfect Accordion
Perfect Accordion - Webflow
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, ...
Accordion (No-Code)
Accordion (No-Code) - Webflow
Updated: Oct 10 2019
-------------------------------
- Now runs solely on Webflows Interactions 2.0
- Includes Lottie Animation from https://useanimations.com/ for + icon
- SVG Code for FAQ Icon so you can change the color
Updated: Aug 22 2019
-------------------------------
- Design changes
- Accordion title wraps properly now
- Accordion wra...
Tried the second one but was having problem with the Autoclose when first accordion was kept open as default. Will try the first one and let you know, but I think I can use this make the one I want. Thank you so much @Web Bae .
I did used the first one, modified the code a bit and used native interaction for one element and it works smoothly and perfectly how the client wanted. Thank you again @Web Bae