[SOLVED] How to make an expand / collapse menu

sing2trees · April 14th, 2008, 08:29 AM

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

Aso · April 14th, 2008, 08:42 AM

Check out this accordion menu at Dynamic Drive

sing2trees · April 14th, 2008, 08:57 AM

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 · April 14th, 2008, 09:12 AM

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 · April 14th, 2008, 09:16 AM

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!!