<< Back to School Main | < Back to IDEV 211 | ^ CodemasterShawn Home

Shawn South
Assignment 5
IDEV 211 - Client-Side Scripting

Expand/Collapse List

Objective: Without adding any Javascript, CSS, tag attributes or otherwise altering the HTML, turn instructor supplied HTML (nested, unordered lists) into an expandable/collapsible tree, complete with icons to indicate whether a particular node is expanded or collapsed. Adding external Javascript and CSS files are permitted.

Compatibility: This page and code has been tested in Internet Explorer 5.x and 6.x, Mozilla 1.0.2 and Pheonix 0.5

Notes: Mozilla appears to have some issues with properly redrawing style settings after they have been changed programatically. I have not yet found a fix for this (3/11/03).