The DHTML collapsible menu you create in this project is a modern solution to an age-old Web design problem: how to fit the most navigation links into the least menu space. With version 5 browsers and a more modern DOM now becoming the standard, this easy-to-implement solution is a simple and elegant way to tackle this classic design dilemma.

click here to view an example of a page created using the techniques covered in this project (NN6, IE5+ only).

Topics covered: DHTML menus, CSS styles, pseudo-class styles, Text Swap (ID) Action.