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.
auroramenu_v1.zip - 36KB
Simply add class="auroramenu" to the outer <ul> of any menu requiring this concertina effect
This menus has been styled in assets/style.css using the #menu1 id on the <ul> tag
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!
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.