(advanced)

Dropdown and Pulldown menus are really the same thing; they both refer to a list of menu sub-links that 'drop down' from a primary link bar. It's a great way to display the details of a section, and to make navigation a lot more concise.

Foldout Menus follow the same general idea, but the name is usually applied to a vertical navigation scheme: clicking on a link will result in a number of sub-links opening or folding out from it, pushing the remaining links in the navbar downward.

Unfortunately, this kind of menu is not easy to create. Many depend on image files for each of the links and sub-links, though there are some very good scripts that will work with just CSS and Javascript.

1. One of the cleanest and best-commented drop down menus that I've ever come across is on JS Made Easy. The script requires 2 external .js files, also available from the site.

2. Another excellent drop-down tutorial is by the British site ComputerArts: an example of their menu can be found right on the page.

The code is clean and relatively easy to understand and configure.

3. Thomas Brattli is one of the most innovative writers of DHTML on the web. He has written a number of expanding-menu scripts (many may be found on DHTML Central) - but one of the easiest for the novice is at JS Made Easy.

4. A different take on the expanding menu is found at A List Apart. The site itself is an absolutely invaluable resource on all matters Web: from usability to CSS and browser compatibility issues, this is the place to get the most useful and up-to-date information!