Please refer to this loom to explain the problem better:
And here’s the Read-link
https://preview.webflow.com/preview/detail-nl?utm_medium=preview_link&utm_source=designer&utm_content=detail-nl&preview=912114696e66c920572d4aadc342d4d1&workflow=preview
Any help is really appreciated. I’m not sure what’s wrong 
Here is my public share link: LINK
(how to access public share link)
What’s interesting is that I’m able to recreate and get it to work but I can’t get your existing interaction to work.
I tried applying the interactions to separate elements. I used the link block itself. (My sample only shows the hide/show portion to quickly test this.)
I’ve had similar instances where a button needs to perform multiple things and instead used a wrapper for the individual interactions, rather than doubling them up on one trigger element.
thanks, I’ve managed to solve it. I removed the navbar, used the navbar component from webflow (Since it already has the JS script the closes the nav when you click on a link) and then changed the animation to only animate the burger menu without affecting the nav menu.
thanks again for your work!!!
