Kode til link med undermenuer

Det kan ikke laves i ren HTML. Jeg har lavet et eksempel, hvor der bruges JavaScript.

Du skal bare rette "antal = 2" i scriptet, til antallet af menuer. I mit eksempel er der 2 menuer.
Når du tilføjer en menu, skal du tilføje:

<a href="#" onClick="skift('ID_NUMMER');this.blur();return false;"><b>OVERSKRIFT</b></a>
<span id="ID_NUMMER" style="display: none">
links/tekst placeres her
</span>

Derefter skal du bare rette:
- OVERSKRIFT, til din egen overskrift.
- ID_NUMMER, til et tal. ID_NUMMER, til både skift('ID_NUMMER') og id="ID_NUMMER", skal være det samme tal.
Tallene på dine menuer, skal være i rækkefølge, dvs "1, 2 , 3,..". Der vil opstå fejl, hvis rækkefølgen springer et tal over. F.eks. "1, 3, 4,..".

Scriptet kan placeres, hvor som helst i dit html dokument:

<script type="text/JavaScript">
function skift(id)
{
if (document.getElementById(id).style.display == "none") {
  document.getElementById(id).style.display = "";
} else {
  document.getElementById(id).style.display = "none";
}

var antal = 2; // antallet af menuer rettes her
for (i = 1; i < antal + 1; i++)
  {
  if (i != id) document.getElementById(i).style.display = "none";
  }
}
</script>


<a href="#" onClick="skift('1');this.blur();return false;"><b>Startside</b></a>
<span id="1" style="display: none">
<br><a href="#">Kennel Véjuh</a>
</span>

<br>
<a href="#" onClick="skift('2');this.blur();return false;"><b>Vores Hunde</b></a>
<span id="2" style="display: none">
<br><a href="#">Bine Leo von Adjanti</a>
<br><a href="#">Midreas' Chiki Butterfly</a>
<br><a href="#">Véjuh Valou</a>
<br><a href="#">Khaimas' Forever Fame</a>
<br><a href="#">Tidligere Hunde</a>
</span>

Jeg håber at det er noget du kan bruge.

Hej

Tusind tak for den fine kommentar, dette kan jeg godt bruge.
Du vil få dine points når du skriver et svar.

Et svar er skrevet. :)

Takker for points! :)