How to reverse hamburger menu animation when clicking on nav link

I’ve made this little animation for my hamburger menu on mobile. When the user clicks on it it turns into an x, and when the user clicks on the x it reverts back to a hamburger.

However, when a user clicks on a nav link in the drop down menu, I’d like the menu to close and the x to revert back to a hamburger (and I guess cancel the “second click” on the original animation).

What’s the best way to do this?


Here is my public share link: LINK