Javascript: Når boks åbnes, lukkes andre

Tags:    html css

Hey.
Jeg er for tiden i gang med at lave følgende hjemmeside:
http://shafh.dk/dragoer/

Til det er jeg for tiden i gang med at lave en menu i javascript. Har bare ikke særlig meget erfaring i javascript. Prøv at trykke på "Kirkelige handlinger" i menuen til venstre. Som i ser kommer der nogle underpunkter frem i menuen når man gør dette.

Dette har jeg løst ved have at lave en boks hvor display bliver ændret. Se her:

Fold kodeboks ind/udKode 


Nu vil jeg rigtig gerne udvide mit script således at hvis der allerede er en undermenu åben, og der åbnes en anden, så åbner den første.
Eksempel: Trykker man på "Kirkelige handlinger" i menuen og bagefter på "Kirkekor" så lukker den undermenu der kom frem når man trykker på Kirkelige handlinger.

Jeg havde tænkt mig at løse dette med en array med id'er i funktionen. Hver der gang man trykker på en menupunkt, så bliver alle displays for id'erne i den array sat til none.
Er der nogen der ved hvordan jeg koder dette i javascript?



3 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Okay, jeg fandt ud af at lave en løsning. Har bare lavet en array af id'er som jeg skjuler hver gang:

Fold kodeboks ind/udKode 



Beklager at jeg måske spurgte for hurtigt.



Den pæneste løsning ville være at bruge et javascript framework så som jquery. Det gør koden simplere, og gør det nemmere at udvide menuen.

Har prøvet at lave et lille eksempel her:
http://pastehtml.com/view/1ceyynx.html



Kan jeg godt se... Ja min kode er lidt en lappeløsning... Kan være jeg benytter din kode, hvis okay, men starter lige med at køre denne kode ind til videre.



t