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

auroramenu_v1.zip - 36KB

Additional Requirements

This plugin requires the following third party javascript includes:

Usage

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

Examples

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.

“ From the outset, invent Partners got the balance right and were prepared to listen to our needs, whilst at the same time offering their depth of knowledge and experience. The end product we received is exceptional and has since proven its worth, fundamentally from a ‘back end’ input and management information viewpoint and importantly from a ‘front end’ consumer ease of use stance. Needless to say, we are growing our business as a result, with 80% of web business as ‘net new’. ”
Ged, Vertigrow Ltd

Contact Us