JS Hamburger Menu (Acorn)

[Initiostar]

Pretty comfortable with the theory now, although I don't claim to know 70% of the actual code.

I can dive in and change the speed of animation, toggle and slide, slideUp, hide and fade, but that's about it.

Link to my efforts < HERE > along with Acorn's code that makes it work.

And the .web for anyone who wants edit/add/expand the page.

Toggle.web

Thanks for sharing Chris. I had a play with your example and added a 'take-me-home' button (edition attached)



Next, I thought let's combine Acorn's ideas with the animated popup concept to extend animation through standard Xara. In the example, the link brings the selected class into view and opens a popup at the same time in a step-by-step approach.

Example attached

Then going back in the thread to the @LGF challenge and a simple NavBar, I made one with no code at all with a standard go to Top-of-Page button, where the menu is revealed by sliding in from the top. The login's are sticky so always in view whereas the additional buttons slide upwards out of view, but are brought back with the Top of Page button.

Example attached.

Thanks to you and Acorn for the ideas.

Gary