How to make the same button open and close a popup

[Megg81]

Ive got a menu button on a mobile site.

How do i make the same button open the popup layer and then close the popup layer when its clicked a second time?

The layer only closes when you click somewhere else on the page

Thank you

[jamesd]

Hi Megg, place popup: "mypopup" close "mypopup" in the button link changing mypopup to the popup layer name

[Acorn]

James, tried it and it stubbornly fails to work for me.
Any chance you can upload an example?

Acorn

[jamesd]

My bad! that only works with multiple popups
You would need to duplicate your button onto the popup layer and place popup:close in the link
popup_open-close.xar

[Megg81]

Thought that might be the only way James. Thanks. Ive done it this way.

when its the popup close ive had to put a white box around the menu icon and group it (to make it larger), as otherwise the screen tries to zoom in on it, which it doesnt do when its being used to open the menu, only when the same icon is used to close it. But problem solved.

[Acorn]

I did this some time ago with jQuery, which was overkill.
This approach here uses a normal call to open a layer and popup:close on a separate button on the called layer to close it.

The extra is the CSS Placeholder that hides the close icon so the only way to close the layer is the button.

CSS3 - Toggle Button.web

Acorn

[Trixtainment]

Thank you! The popup: close works brilliantly, and I didn't realise I needed new layers for a popup, so have no managed to make so!