Alright, so I’m trying to make a nav with multiple menus and I have the interactions built to show/hide the dropdown menu but I don’t know how to make it so the interactions only react to one menu at a time. Right now everything is tied together so when you click one menu it opens all of them. I tried following this video (Reuse interactions | Webflow University) but I just cannot figure it out.
I’m also trying to show/hide a background overlay when you hover over the menus to dim the content below. I have it somewhat working but it only hides when you hover off of the main dropdown but not if you go above it anywhere.
Awesome, that part is perfect now. The other part I still can’t quite get working is the background overlay. It won’t close when you hover off of the nav either to the top or if you go off to the right in line with the nav. It does close if you go off the nav drop down menus but I don’t know why it doesn’t close in other areas?
