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.

“ 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

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