Dropdown close doesn't trigger animation

Hello everyone, I created a mega menu with a slide down and slide up transition. The slide down works (Menu open) however it doesn’t work as I close it, where it should slide up a little and disappears. Currently it just closes instantly.

Webflow link

Appreciate any help. :pray:

Hello

You need to set Dropdown list to display block by default and do all the styling for dropdown on normal state like bg white, absolute top 100%, box-shadow.
Remove the loop from the animation.

Hi @Haji_Khan_Keerio thank you for your response, this solution seem to be different as this shows the dropdown by the default instead of being hidden in it’s initial state, the dropdown itself is good on it’s own in terms of design and functionality. The problem is that there is no animation/transition when I close it and the animation only works on “Open”

Update: Issue has been solved. For anyone having the same problem, I added 500ms close delay in Dropdown settings

6 Likes

Thanks! I tried everything without success… this works fine!

Thank you @aldrinichi

My man, thank you for the solution!

I have a better solution. Instead of setting the display style directly, do it from the animation Opening stage.
Set the display block as a initial state and that should solve it.
Later you can set the height to 0, etc.
I can’t directly paste an external link but if you need a tutorial - go to @techvolex youtube channel to see it.
I solved this after few hours of searching today.