stu nicholls logo stu nicholls

exploring the possibilities

jQuery - Anywidth Flyout

30th January 2011


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.