stunicholls.com

...exploring the possibilities

Vertical sliding menu #1 using jQuery

11th November 2008

© 2008 stunicholls.com

Next Demonstration Next Demonstration

Information

Having had several emails from visitors using jQuery on their websites and wanting a menu that was compatible with this, I have decided to introduce a new section for menus using jQuery, and this is the first one. A sliding menu similar to my previous couple of menus but slimmed down to the bare essentials and using a very small javascript routine to call jQuery functions to show and hide the sub menus.

If you don't want the page to move up and down with the menu then just change the top level dl id="nav" to position:absolute;

The single image used is shown below:

arrow

Tested in IE6, IE7, Firefox, Opera, Safari (PC) and Google Chrome.

With javascript disabled you get the full menu with sub menus showing.

You will need a copy of jQuery to be able to use this menu and as it is so simple there is no download as such. All the information can be found in the source code.

A donation for use would be appreciated.