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
“ Invent Partners supported my cycling event with a stylish website, intuitive CMS and flexible and responsive ecommerce system. Thanks to their hard work and patience, my event sold out in hours, with riders praising the easy to use event entry system and customer service. Many thanks! ”
Danial, London Edinburgh London

Contact Us

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