Animated Nav Bar not loading

Design help Animations & Interactions
1

Hello All.

I made a nav bar that hides and shows. It shows when you press the trigger and the animation works as intended. Then press the trigger to close and everything closes as intented.

BUT!

If you press the show trigger again then it doesn’t load properly What am I doing wrong?

Here is my public share link: https://nmu-new-625dc54cebb711dd003a1be494c90ed.webflow.io/

https://preview.webflow.com/preview/nmu-new-625dc54cebb711dd003a1be494c90ed?utm_medium=preview_link&utm_source=designer&utm_content=nmu-new-625dc54cebb711dd003a1be494c90ed&preview=a619e9698df6d09b10c23f621868c33f&workflow=preview

2

So on your second click, you made few other elements hide as well.

Nav Grid Menu Div and Close Image element is hidden on second click and it is not made visible on the first click. So you have to add that.

Usually in similar implementation, you should keep all the elements on the second click same as all the elements on the first click. If you hide element A on first click, you should add element A on second click to make it visible.

I hope this helps.