Usability Institue Logo- A bolt that can be fastened with any of 4 tools
PicoSearch
Reducing Training to Its Sensible Minimum: Zero...
Inexpensive, Independent Usability Consulting by Jack Bellis
Home Page- List of All Content Home Page- All content, in date order Resources: page describing tools you can use Morsels: just our short articles and blurbs Just our Before&After Articles About: details on who I am and what I do Address, phone, number,  and so on
Contact me for a FREE usability review!
 

GenericUI Collapsing Outline

"Smart Folding Menu Tree" by Dynamic Drive


We want to point out that the menu technique shown here is NOT property of UsabilityInstitute.com. Visit http://www.dynamicdrive.com for this script and a lot more great code.

Instructions

The menu functionality below is at http://www.dynamicdrive.com/dynamicindex1/navigate1.htm.

We don't want to duplicate the content or value provided at Dynamic Drive, but in case you have trouble getting to their site, here are the basic steps. You can see and save the images and all of the scripts directly from this page, either right-clicking images or viewing source.

  1. Expand the first folder, above, and copy the three images to your development folder.
  2. Save the header script and the CSS styles adjacent to it.
  3. Copy the outline code right where it's needed and edit it.
  4. If you want persistence of the outline expansion when the page is revisited, copy the cookie script. Make sure it is AFTER the outline.

 


Contact me for a FREE usability review!

2002, UsabilityInstitute.com   All Rights Reserved    jackbellis@hotmail.com
Any and all informational content, not art or styles, may be reused without prior consent if you simply acknowledge the source, UsabilityInstitute.com