Drop down animation not working as intended

Here is my public share link: LINK

Hi there, my dropdown animation works for the dropdown open, however not when closing. I have two seperate animations, and they both work when previewing them, however when previewing the website, only the open animation work. Any help would be greatly appreciated.

hi @Ernest29 , which part are you about?

Im trying to animate the Courses drop down button in the top navbar.

Hey @Ernest29 ,

The interaction seems to be working as you intend it to in the preview mode.

AJ - Competum Training

Have you tested this on the published site - are you facing any issue there?

You can try clearing history / cache on the browser / test the preview mode in an incognito window to test if you are seeing the results as expected.

Hi @AJ_Dev, I don’t think I was clear. The drop down animation works fine. However when the dropdown hides, it just disappears rather than sliding out with the animation I added.

chrome_Ipg7RSRYVZ

Okay @Ernest29 , got it.

You can add a Close delay for the Dropdown menu element as highlighted in the screenshot below:

And that should produce the results as follows:

AJ - Competum Training 2

You can tweak the delay as per your requirements.

Hope this helps.