Have to double click to open custom-built nav menu after closing upon clicking anchor link

Design help Animations & Interactions
1

Hey webflow community,

I built out a custom nav menu to have more control over the design and entrance animation. I’ve also been able to make it close upon clicking on an anchor link (which you can’t do without custom code with the built in nav component) but you end up having to double click the menu to open it again afterwards.

Can’t figure it out, but I imagine it has something to do with a mismatch between initial and final state of the interactions that open and close it?

Thanks in advance!

Here is my public share link: LINK
(how to access public share link)

2

@emary - can you post your published site link?

3

The read only link is at the bottom of my post and here is the published webflow link:
https://greenthumb-landscapes.webflow.io/

4

@emary - I believe the second click interaction on the menu button is running on the first click of menu after being closed by another link click interaction. So even though you’ve reset the size and the opacity Webflow runs the second click interaction on the menu because it is queued up after the first click to open the menu.

What you might be able to do is use jQuery to simulate a click of the menu button when another link is clicked, using the click() method.

So I would try adding an id to your Landscaping link and then some code like this:

$('#landscaping").on('click', function() {
    $(“.nav-menu-trigger”).click();
});