Anywidth Flyout

30th January 2011

Next Demonstration

Previous Demonstration


A jQuery driven flyout menu that uses simple nested unordered lists that can be nested as deep as you like without having to change the styling or the script. Each sub menu will flyout from the left and will close if hovering any other parent sub menu links or child links. The menu will collapse if the mouse is moved off the menu for a preset amount of time.

Although the stylesheet is simple I have added some CSS3 styles, corner radii and drop shadow, for those browsers that support them.

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