kevin: [PHP] Aufklappen & zuklappen

Beitrag lesen

Hi,

ich bin gerade dabei ne Website zu coden und komm gerade nicht weiter. Folgender Code lässt zwei Links anzeigen, wenn man auf einen klickt öffnet sich darunter ein DIV welches vorher versteckt war. Wenn ich auf den selben Link nochmals klicke schliesst sich das DIV wieder. So zu sagen ein "Klappmenü".

<script type="text/javascript" language="JavaScript1.2">
var angezeigt = false;

function versteckt(divid)
{
 if (angezeigt)
 {
  document.getElementById('versteckt1').style.display = 'none';
  document.getElementById('versteckt2').style.display = 'none';
  angezeigt = false;
 }
 else
 {
  document.getElementById(divid).style.display = 'block';
  angezeigt = true;
 }
}
</script>

<a href="#" onclick="versteckt('versteckt1')"><p class="contenttitel">Link 1</p></a>
<div id="versteckt1" style="display:none">
Ich bin versteckter Inhalt 1
</div>

<a href="#" onclick="versteckt('versteckt2')"><p class="contenttitel">Link 2</p></a>
<div id="versteckt2" style="display:none">
Ich bin versteckter Inhalt 2
</div>

Nun was muss ich daran ändern, dass wenn z.b. der erste Inhalt offen ist und ich auf den zweiten Link klicke, sich direkt der zweite Inhalt öffnet?

Hoffe ihr versteht was ich meine und freue mich über jede hilfreiche Antwort!

Danke und Gruss