Multiple Level Menus

Multi-Level Full Screen Menu FF2+ IE10+ Chrome
A mobile friendly full screen menu that supports multiple levels of sub menus. Click on a header to bring up the corresponding sub menu. Vanilla JavaScript and CSS3 powered.

Flex Level Popup Menu FF1+ IE7+ Chrome
Enhance arbitrary links on your page with some multi level powers with jQuery Popup Menu! It lets you associate a multi level drop down menu to any link on the page, so moving the mouse over the link activates the menu to be shown beside it. Each pop up menu is simply defined as a regular nested UL on the page, making it very intuitive to set up, not to mention the menus search engine friendly!

Flex Level Drop Down Menu FF1+ IE7+ Chrome
Similar to Flex Level Pop Up Menu above, this flexible menu script lets you add a multi level drop down menu to any link on the page. It supports dropping down from the anchor link or to the right of it instead, which is useful when the link is a side bar link. A nice expanding animation brings the menu into view, with the delay before the menu appears/ disappears customizable. Cool!

Compact Drop Down Menus FF3+ IE8+ Chrome
This is a multi-level drop down menu that's also a space saver, by stacking the sub menus on top of one another when revealed. CSS3 transforms are used for the transition effect between sub menu changes, though the menu is functional in legacy browsers as well, including IE8+.

Power List Menu FF3+ IE8+ Chrome
Power List Menu is a mobile centric,  mult-level menu that transforms  a nested UL into a series of slide-in panels that occupy no more space than the top level UL itself. Click on a header, and the corresponding sub UL slides into view over the parent UL. It supports lazy loading of either sub ULs or parent ULs from an external file using Ajax, saving on bandwidth and download time.

DD Icon Menu FF3+ IE8+ Chrome
DD Icon Menu creates an icon based vertical menu that sits fixed on the left edge of the browser window and expands to show sub menus onMouseover.  Infinite levels of sub menus can be associated with each icon, with each sub menu simply defined as a hidden DIV on the page.

Simple Tree Menu FF1+ IE5+ Chrome
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.

jQuery TreeView Menu (v1.4) FF2+ IE6+ Chrome
jQuery TreeView Menu brings together all the most practical features requested in a Tree Menu into one awesome menu script. The markup for the menu is simply a HTML list before the script transforms it into a fully functional TreeView Menu resembling the style of Window's File Explorer, among the many themes. Supports persistence, and optional asynchronous populating of the tree's contents via Ajax and JSON data returned from the server.

HV Menu FF1+ IE5+ Chrome
-User Submitted
We named this script "HV menu" for its ability to be laid out both horizontally (as a top menu) and vertically (as a side menu), but it might as well be for its highly versatile nature. With support for miltiple sublevels, vertical and horizontal layout, NS6 compatibility, and more, HV menu is one of the best scripts in its field.

All Levels Navigational Menu FF1+ IE6+ Chrome
All Levels Navigational Menu is a CSS/ HTML list based menu with support for infinite levels of sub menus. It's lightweight and  easy to implement (the menu contents are simply regular HTML lists), with all of the menu links search engine friendly.

Smooth Navigational Menu FF1+ IE7+ Chrome
Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. The menu's contents can either be from direct markup on the page, or an external file and fetched via Ajax instead. A configurable, sleek "slide plus fade in" transition is applied during the unveiling of the sub menus. The menu supports both the horizontal and vertical (sidebar) orientation.

DD Mega Menu FF1+ IE6+ Chrome
DD Mega Menu is a drop down menu system that supports arbitrary sub menu layouts, such as multiple columns of links, even arbitrary rich HTML. Furthermore, it supports nested mega menus, so one mega menu can contain links that in turn trigger another mega menu to drop down.

Mega Drop Line Menu FF28+ IE10+ Chrome21+
Mega Drop Line Menu is a modern Drop Line Menu with support for infinite levels of sub menus. Each sub menu spans the entire width of the menu and unfolds to reveal itself onMouseover. It uses a minimal of JavaScript (<1kb compressed), and even works when JavaScript is disabled on desktop browsers.

Drill Down Menu FF1+ IE6+ Chrome
This script turns an ordinary UL list into a drill down style menu. The top level UL dictates the height of the menu, with the sub levels tucked away until navigated to. You can customize which level should be shown by default, whether to remember the last shown level when the page reloads, plus the speed of the "drilling" animation. Optional breadcrumb trails can be shown as well.

Chained Select menu FF1+ IE5+ Chrome
A multi-dimensional form select menu, based on Xin's Chained Selects script. Links can be set to open in new window.

Note: Some older menu scripts have been retired, and can be found here.

Wordpress Users: Step by Step instructions to add ANY Dynamic Drive script to an entire Wordpress theme or individual Post