stunicholls.com

...exploring the possibilities

jQuery Concertina Slide #2 - Revisited

28th January 2011

Copyright ©2011 Stu Nicholls - stunicholls.com

Next Demonstration Next Demonstration

Information

I have been looking on the web for a simple vertical concertina menu with a slide action that pulls down the sub menu on clicking the top level item and couldn't find one that quite fitted the bill. So this is my attempt at producing the menu.

This again uses a simple javascript routine to read the mouse click and open or close the sub menus as appropriate.

At the moment this menu slides over the page content, but if you change the absolute positioning of the top level <ul id="slide"> to relative positioning then it will push the page content down when the menu expands.

Tested in IE6, IE7, IE8, IE9, Firefox, Opera, Chrome and Safari.

January 28th 2011

It has been over 2 years since this demo was produced and advancements have been made which enables this menu to be simplified and also provide a method of adding a 'current' tab open on page entry and a speed of slide control

.

Download

If you would like a zip file of this menu then email me stating if it is for personal, 'non-profit, or commercial 'for-profit' use. A donation is required for any use of this menu and, as with all other demonstrations on stunicholls.com, the copyright comments must be kept in the files.

Please see my Terms of use for other conditions.