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.

• Jack Bellis's Personal Stuff
• Home Page
• Shackleton Sculpture
• World's Greatest Chess Set
• RSIProgram.com— Repetitive Strain Book and Expertise
• Home Page
• Synopsis... A 5-Page Explanation of Carpal Tunnel-Like Problems
• My 5-Star Book on Amazon
• UsabilityInstitute.com
• Home Page
• Permanent Resources You Can Use
• GenericUI— A Shareware Design for Web Apps (well, you knew that, didn't you?)
• Home Page
• Revision History
• Morsels— Short Anecdotes about Usability or Lack Thereof
• A Typical, Free Review that We Do From Time to Time

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.