I wish someone can outsmart me on this.
It’s about opening a panel by a click on a menu element, closing it with EITHER a click on another element or this same menu element, and being able to reopen it with a click on the first menu element without having to click twice if it has been closed by the second element.
Explanation with images:
The mobile version of my site uses an app-like bottom menu (like Facebook app):
The “Plus… (More…)” link opens a sliding submenu, and can close it on second click:
If you click on one of the submenu item, it navigates to the appropriate section and also closes the submenu, putting it back into its original state.
When you do that, the second click of the “Plus…” button hasn’t been used, and you’ll need two clicks to open it again.
Any idea how to achieve this open/close behavior without running into that issue?