Adding animation to sub menu item

Store Design
, , , , , , , , , , , ,
1

Hi, In the header on mobile, I have a sub-menu under the menu item PRODUCTS, and I want to add a smooth animation so that when I click the plus/minus icon, the sub-menu slides in and out smoothly.

CreatorTim_0-1738098681903.png
CreatorTim_0-1738098681903.png216×400 7.25 KB

Want it exactly like it works on this store: https://tomnoske.store/

Here’s my store: https://1049xn-ya.myshopify.com/

This is for mobile only!

Thanks a lot, I’d really appreciate the help.
Tim

2

This is because of the CSS properties: transition: opacity 1s ease, height 0.5s ease, visibility 0s;. Let me know if you need me to implement this.

3

Hi, yes please. Could you provide me with the code for the animation?