Fullscreen Nav Menu animation works on opening, but once I click on close it instantly dissapears

Webflow beginner here! I have decided to settle on a very easy fullscreen layout of the navigation menu for this project. I want the main nav area to fade in when the hamburger is clicked, works like a charm. But once you press the hamburger again it closes instantly, even though I applied the animations to the “menu closes” trigger.


Heres the link to the project:
https://preview.webflow.com/preview/elmara-animation-main?utm_medium=preview_link&utm_source=designer&utm_content=elmara-animation-main&preview=0a355416ab3b26fd78f7c60cfb62f3f3&workflow=preview

(And yes its built by watching a youtube tutorial)