Accordion help please

Design help Animations & Interactions
1

I have built an accordion component via the Webflow @Waldo tutorial and everything is working great until I select one of the other accordion drop downs. The open one remains open and opens the second clicked and third and so on until they are all open. Basically they won’t close on click.

Not sure what I’ve done wrong here, please help. My shared link is below.

Thanks for your help in advance.

Benji

Here is my public share link: https://preview.webflow.com/preview/toys-r-us?preview=27fc816d15b6b7af45f579303c5cb1d9
(how to access public share link)

2

You seem to have forgotten to mention which is the link to the tutorial you used.

I’m guessing you didn’t set the nested/sibling property correctly, or applied the interaction to the wrong element.

3

Sorry, here it is:
https://webflow.com/website/accordion-menu-tutorial
https://webflow.com/blog/the-art-of-progressive-disclosure-in-web-design

4

Any help with this please people…

5

Any help with this please @Waldo, nobody seems to know the problem. Please help.

Thanks in advance.

Benji

6

I tried to find what causing your problems but couldn’t find it. I did though design a new accordian with new classes in another of your tabs and it worked fine. So my tip to you is to delete the classes and start over.

7

@76kid thank you for reaching out! It looks like you set your dropdown list to not be overflow: hidden any longer which is causing the behavior. Set it back to overflow: hidden:

1438×808 99.9 KB

And then it should work as expected again:

1439×745 1.27 MB

Hope that this is helpful :bowing_man:

3 Likes
8

“You sir, truly are Mr Incredible!”

Thanks for your help.

Benji

1 Like
9

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.