Auroramenu concertina menus V 1.1

Design and conception by Aurora Studio
Plugin development by Invent Partners
© Invent Partners & Aurora Studio 2009

This plugin has new been updated for jQuery 2.x and higher. The latest version can be found here.

This menu system not only provides a concertina effect for nested menu items, it also "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 set them to.

Download - 36KB

Additional Requirements

This plugin requires the following third party javascript includes:


Simply add class="auroramenu" to the outer <ul> of any menu requiring this concertina effect


Example 1

This menus has been styled in assets/style.css using the #menu1 id on the <ul> tag

Example 2

This a completely unstyled nav. In the example below, we've wrapped it with a fixed width <div>

We have now updated this code to improve IE7 support. Thanks to Anders Täpp for the heads up!

A note about IE 7 Support

Due to IE7's peculiarities when rendering the jQuery slideUp / slideDown, we have bypassed this effect in IE 7 and 6. We would also strongly recommend that you set display: block and a fixed width on the child UL element in your CSS (see the first example above) - otherwise IE 7's rendering of the menu opening / closing can be rather flaky.

“ 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

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