[SOLVED] How to make an expand / collapse menu

[sing2trees]

Hi,
Am looking for some help (as always!).
I am wanting to create the following

Menu Title 1
- Sub item 1
- Sub item 2
- Sub item 3
- Sub item 4
Menu Title 2
- Sub item 1
- Sub item 2
- Sub item 3
- Sub item 4
Menu Title 3
etc

I would like to have it so the sub items are collapsed on page load. Then when someone clicks on 'Menu Title 1', it shows the sub items for that section. Then if someone clicks on 'Menu Title 2' it collapses the previous sub items, and displays the sub items for menu 2.
Etc

Does someone have some coding I could use - or point me in the direction of a tutorial?

I would be very grateful!

Many thanks

Ben

[aso186]

Check out this accordion menu at Dynamic Drive

[sing2trees]

wow - spot on!
But when adding it to my page - everything is already expanded and it won't collapse

Do you know what could cause this?

[sing2trees]

the error message I am getting on the status bar is:

Line:22
Char:1
Error: 'ddaccordion' is undefined
Code:0

Any suggestions gratefully welcomed!

[sing2trees]

sorry - have figured it out! Didn't have the javascript file and the images in the correct folder!
i am away to hang my head in shame...

Thanks aso186 for the link!!