Smarter way to Reset Items in Dropdown Menu?

[LIEPS GmbH]

Hello there, i have a bootstrap 5 dropdown with some items. I created a simple opacity & x translate stagger animation. When you click the dropdown and wait until the animation ends and then click the other dropdown all is fine, until you click fast between these dropdowns the animation breaks and gets bugged. Is there a smarter/better way to reset these animation?

 

Thanks!

See the Pen YzBBOpV by Sofatroll (@Sofatroll) on CodePen.

[mvaneijgen]

Check out our own @Carl amazing tutorial creating distinct mouseenter and mouseleave animations. Should provide you with the logic that is needed here. Hope it helps and happy tweening! 

 

 

[LIEPS GmbH]

Nice One, this is so simple and powerfull. It is what i want.

 

Thank you!