[JS] Meerdere tegelijk uitklappen

[Oid]

Ik heb een leuk scriptje waarmee ik dingen kan laten "uitklappen"

code:

function showHide(id) { 
  document.getElementById(id).style.display = (document.getElementById(id).style.display=='none')?'block':'none'; 
}

Nu wil ik een menu gaan uitklappen, dat lukt.

code:

<a href="#" onClick="show_hide('naam');"><div id="menu1">Menu1</div></a>
<div id="naam" style="style="display: none;">
Link1
Link2
Link3
</div>

Dit werkt, maar nu wil ik bijvoorbeeld met 1 klik 2 div's laten opengaan, desnoods ergens anders op de pagina

code:

<a href="#" onClick="show_hide('naam');"><div id="menu1">Menu1</div></a>
<div id="naam" style="style="display: none;">
Link1
Link2
Link3
</div>
<div id="naam" style="style="display: none;">
Link4
Link5
Link6
</div>

Maar dat werkt niet, heb al gezocht @ got maar kon niks vinden, heeft iemand misschien een oplossing hiervoor, het gaat dus er om dat er meerdere bijv. 2 maar kunnen er ook 8 zijn div's met hetzelfde id worden opengeklapt.

[BtM909]

je kan met puntkomma js statements scheiden... Zoals ik zie hoe je code, kan je beter die functie 2 keer aanroepen met verschillende id's

een id mag nooit dubbel voorkomen, hence the name

Daarnaast zou ik ook nog eens naar je coding style kijken:
• Gebruik geen # in hrefs, want als je pagina scrollbaar, springt ie terug naar boven (of zet return false aan het eind van je statements)
• onclick hoort lowercase te zijn (geen CamelCaps dus)

[ Voor 41% gewijzigd door BtM909 op 07-01-2005 01:15 ]

[Oid]

BtM909 schreef op vrijdag 07 januari 2005 @ 01:13:
je kan met puntkomma js statements scheiden... Zoals ik zie hoe je code, kan je beter die functie 2 keer aanroepen met verschillende id's

een id mag nooit dubbel voorkomen, hence the name

Daarnaast zou ik ook nog eens naar je coding style kijken:
• Gebruik geen # in hrefs, want als je pagina scrollbaar, springt ie terug naar boven (of zet return false aan het eind van je statements)
• onclick hoort lowercase te zijn (geen CamelCaps dus)

Okay dank je wel. en dat # weet ik wel maar dit was ff snel.

[AkaXakA]

Handig is hier om 'class' te gebruiken inplaats van id, dan kan je zoveel tegelijk laten uitklappen als je wilt