This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! Once transformed, the original list and its sublists can be collapsed/expanded at will, with cookies used to optionally persist its state.

Note: Replaces original Smart Folding menu on same page.

This clean-looking menu is very simple to implement and can be placed anywhere on a page. Adding or deleting levels is easy to do. The menu is created without tables, using unordered lists and hidden layers.

This is a lean CSS tab menu that supports a 2nd level drop down menu for any of its tabs. Both the tabs and the drop down menus are implemented as plain HTML for easy modification and search engine friendliness. A close relative of Chrome CSS menu

This is a simple expanding menu. The anchor tags that expand each menu are added by JavaScript, so the HTML code doesn't contain any event handlers or unnecessary HTML tags. The structure of the menu is defined with unordered and ordered lists elements.

xCollapsible toggles an element's 'display' property when a 'trigger' element is clicked. This behavior is applied to all of the element's nested elements. It works with 2 different HTML structures. The first demo is made of nested ULs, and the second is made of nested DIVs with an H element preceding each DIV (I use this on some of the main pages of my site). Only the outermost UL (or DIV) needs an ID.

xMenu5 is an experimental version of xCollapsible with more features.

This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. Session-only cookies are used to remember the menu state (whether it's expanded or not). Cool!

New: You can now add a expand/ contract all links to the menu, to allow your visitors to easily toggle the visibility of all submenus. Furthermore, you can specify if all submenus should be contracted by default when the menu first loads (see top of "menu.js").

A CSS based tab menu that supports a secondary level of menu items. Both levels are horizontal, so there no drop down menus that may become hidden underneath form elements in browsers such as IE. Cool!

There are lots of hierarchical menus available. Yet none of them is as easy to configure as this one. Setting up this dynamic cross-browser hierarchical menu will take you less than ten minutes. Check it out now.

This code creates the two level menus on your web page. Everytime you move mouse over it, the sub items will be displayed. And you can toggle on/off them all.

This is an alternate version of our AnyLink Drop Down Menu that works with vertical links instead. The menu is positioned to the right of the link, and works with most types of links, whether it's a regular text link, image link, or even a table cell or list (<li>) that happens to contain a link. Furthermore, this script detects the four corners of the browser window and readjusts the menu so it's always in view.

A multi level menu of pupius.co.uk website.

This script creates a listbox when vistiors click the specified image.

This is a different script to make multilevel menu when visitors click the links.

A multilevel menu of Otech website.

A different script to make a multilevel menu. Very cool.