DHTML tree navigation menus

This article walks through the steps required to build an accessible, dynamic menu, with separate content, presentation, and behavioural layers.

Liquid, Accessible tree menu based on the Ecma script menu with additional CSS.

Tree menu script to create "skip links" to let users skip entire nested lists (in visual browsers these links do not appear unless users use tabbing navigation). It does not need any hooks besides an ID for the menu (the DL). It reduces keystrokes by not using "display:none" to hide nested lists. Can be used with his current navigation highlight script.

A tutorial on creating a tree menu without inline links. How to add & remove a class name instead of directly changing the style property of the sub menu elements. How to check if the browser supports the method it uses.

Building expanding and collapsing tree structures using DHTML.

Source code for how to create a 'expand / collapse' menu from an ordered or un-ordered list.

An 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.

The iNavigate Menu provides : Unlimited Menus Nodes & Nested Levels, Single HTML Source Code- current page highlights, State Persistence, Graceful degradation, Multiple Entry Points, Search Engine Compatible, Elastic font adjustment, 100% Client-Side Processing.

Collapsible Lists Made From Nested DIVs or Nested ULs. xCollapsible toggles an element's 'display' property when a 'trigger' element is clicked. xMenu5 is an experimental version of xCollapsible with more features.

An overview of the DOM JavaScript used for an expandable site menu.

A collapsable tree where sub nodes are loaded dynamically by use of Ajax(Asyncron Javascript and XML).