Ok, here's something to try out

The run-down of the attached script;

1. Look for a <ul> with ID list
2. Search for any nested lists and add class hidden
3. Search for any links within list
4. If the next element (sibling) of a link is a <ul>, assign an onclick function

When a link that has been assigned the onclick function is clicked, this the process;

1. Find the sibling list
2. Remove class hidden
3. Alter the onclick function to reverse the process next time the link is clicked

Let me know how you get on!

Tested on Windows: IE6, IE7, FF2 & Opera 9

(zip contains list.htm and expanding-menu.js)

Attached Files

expanding-menu.zip (1.7 KB, 3 views)