How to reset (stop execution) a Webflow animation script

Good afternoon. Can you tell me what are the possibilities to influence externally the animation scripts created in Webflow? Here is an example of when this is needed: "We are customizing the animation of a burger when you click on it. On the first click, it turns into a cross and the menu appears. And when you click again, it turns back into a burger and the menu is hidden. There is no problem here. But, for example, if a user clicks not on the cross but on a navigation item (which is an anchor link) in the menu. In this case, the menu should also close and the cross should turn into a burger. But it won’t. Because we are in the middle of the scenario. Between the first and second click. "
This is a very common problem. And surely you have a solution to this problem, don’t you? Please )))

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

hi @Artem_Snitko on the forum are many resources with solutions regarding navigation issues. What research you have done so far? feel free to use the search input field on the top right. You can also use advanced search filtering.

Search for this issue as is related to adding action to a wrong element.

You can also check “made in Webflow” and filter “navigation” to study how navigations are set up.

I searched for similar topics and also looked at made in Webflow. Unfortunately, I haven’t found a solution. I doubt it has to do with applying animation to the wrong element. But thank you for your reply!