Lightbox as Dropdown Menu - Code Problems

Ask the community
,
1

Hi,

Been experimenting with how to create a custom menu layout and have settled on using a Lightbox with a bunch of text buttons placed within it. I thought I had all of the kinks finally worked out but have run into one more that I can’t solve.

I have a ‘Menu v’ text button in the header, that is linked to the lightbox. This opens it no problem.

Once the menu is opened, I have an ‘x’ button that uses ‘on click’ code to hide the lightbox. This also works no problem.

The issue I’m having is that after the lightbox has been opened and closed once, the button in the header no longer works to open it again (without refreshing).

I am assuming this has to do with the fact that the ‘Menu v’ button is calling up the lightbox via a link, and there are problems once it gets ‘hidden’ by the close button? My gut is saying that instead of using the link feature on the button, I should use an ‘Onclick’ command to ‘show’ the lightbox - this is the bit I can’t figure out, though. When I’m in the code panel the name of the doesn’t show up as one of the $w options, and if I type it in I get an ‘is not a valid selector’ error.

Any input is greatly appreciated

2

Ok, new realization.

Once the lightbox has been closed nothing on the site is clickable, so presumably the ‘hide’ command is the wrong one to be using (seems like the lightbox is still there, just not visible, basically blocking the rest of the site)?

Is there something else I can be doing? Basically, I just want to be able to animate away the lightbox in the same way it comes in (rather using the default close option, which just makes it disappear instantaneously).