Auroramenu concertina menus V 1.1
Design and conception by Aurora Studio
Plugin development by Invent Partners
© Invent Partners & Aurora Studio 2009
Updated with IE7 Support
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:
- jQuery Core library.
- jQuery-cookie plugin.
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.
Facebook
Digg
Delicious
Reddit
StumbleUpon
Twitter