Difficulty animating dropdown menus, both custom and stock component

I’m experiencing difficulties trying to create an animated dropdown menu.

I’ve made a 4-minute video that demonstrates the issues: https://tinyurl.com/y68lt6r4

Basically, on the custom dropdown (with the triggers labeled “menu”) on the right, the animations work correctly when opening and closing the menu once, but after that, the menu is “locked” shut for some reason and clicking on the trigger has no effect.

On the stock Webflow component dropdown on the left, I tried experimenting with what looks to me to be a new, undocumented “Dropdown Opens” Element Trigger, but it only animates the Dropdown List and not its Dropdown Link children, which ends up not seeming to be very useful, but I imagine I’m probably not doing something right.

Any advice or insight would be appreciated. Thanks.

Here is my public share link: https://tinyurl.com/yykmvc78

In the click animation for the right menu dropdown, set the “dropdown content” Show/Hide default state to None. Then add another Show/Hide state to Block. Last is the Size expand animation.

I hope this helps…

1 Like

Thank you very much for your help, @Eli11, that does fix the issue with the slider on the right. I don’t think I could have figured that out myself. I wish I understood the logic behind it, but hopefully that understanding will eventually come with more time and practice.

I still don’t understand the behavior of the animation applied to the stock Webflow dropdown component, but that’s probably a moot point now that I can just make a custom one. (It would be helpful if the Webflow team might create some new articles or videos to explain how to use the new Dropdown opens, Navbar opens, Slider change, and Tab change triggers.)