How do I add a transition in this simple dropdown to make it appear more slowly?



You can’t animate from display:none so you need to hide the menu by another method. Here is your codepen forked to show an opacity transition.

I’m not keen on your menu structure and I much prefer to use nested lists like this example of mine.


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