A Repository for random web demonstrations

#4 jQuery Dropdown/Flyout Menu

Date - 2011-01-31

A jQuery driven dropdown/flyout menu that uses a simple set of nested unordered lists with just a top level classname for the outer <ul>.

The sub menus can be nested as deep as you like without any changes to the stylesheet or script.

The menu can be navigated by hovering the set of links. Moving the mouse off the menu will collapse any open sub menus after a preset time and as with the previous menus there are CSS3 styles for browsers that support them.

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


Copyright © - all rights reserved