This menu system provides a concertina effect for nested menu items and "maintains state" between pages using cookies to remember which menu items are open and which ones are closed. This mean that the user can happily continue browsing around the site and the menus will always stay in the state that the user previously selected.

The menu uses CSS transitions for animation.


A demo is available here.

Additional Requirements

This plugin requires the following third party javascript includes:


Include the JavaScript and CSS files.

Markup your menus (plugin supports multiple menus) using unordered lists and give them a class of auroramenu. This will create totally unstyled menus. To give your menus some style, give them an additional class ofauroramenu-default. Feel free to play with the CSS to change the colours etc.

View the source of the demo page for further guidance on the markup etc.

NPM Install

npm install auroramenu
“ Just wanted to send a quick 'thank you' to the Invent Partners team for all your help and support. I love the design of our new site and really appreciate the great service you provided at every stage - you turned a daunting project into one that I really enjoyed! Thanks again. ”
Lou, Advanced Writing Solutions

Contact Us

© 2023 Invent Partners Ltd | Supporters of FdA Web Design, Wakefield