Using a interaction for different events?

Design help Animations & Interactions
1

I have an issue with Interactions on a site, I’m working on.

Preview: https://signe-tonsberg.webflow.io

I have an overlay with a site Nav in it. When I click my hamburger icon, the Nav-overlay shows up, and when I click the close-button the Nav-overlay fades away. Ok great, that’s how it’s supposed to be …

But when I click one of the links in the Nav-overlay, I’d like to re-use my “Close-nav”-interaction, instead of doing the exact same interaction again (or duplicating the interaction). But if I assign my “Close-nav”-interaction to the mouse click on my link, nothing happens.

Isn’t it possible to re-use interactions for different events?

Share link:
https://preview.webflow.com/preview/signe-tonsberg?utm_medium=preview_link&utm_source=designer&utm_content=signe-tonsberg&preview=77f9b6ff2fd0270e4dca2751d2cd56e5&mode=preview

2

Hi Lars,

Why don’t you use the native Webflow Navbar component?
it will save you lots of troubles (such as this one…)

3

I’ll try it out. Thanks.