[Emskopp23]

Ich wollte meine HP etwas übersichtlicher gestalten, sprich eine Auswahl aus 6 Buttons und wenn man eines der Buttons anklickt, dass sich sozusagen ein "toggle" öffnet unter den Buttons welches den spez. Inhalt dafür ausgibt. Dies habe ich auch in etwa gelöst, nur dass die einzelnen Rubriken sich untereinander nun öffnen und nicht wie gewünscht, sobald man Bild 2 klickt content aus 1 verschwindet und der 2. content sich öffnet:

Codebeispiel:

<a href="javas*****:;" onmousedown="if(document.getElementById('mydiv').style.display == 'none'){ document.getElementById('mydiv').style.display = 'block'; }else{ document.getElementById('mydiv').style.display = 'none'; }"><img src="styles/images/beispiel.png"></a>

<div id="mydiv" style="display:none">Dies ist Content 1</div>

Hat jemand eine Ahnung wie ich das so setzen kann, dass sobald Bild 2 angeklickt wird, nicht Content 2 unter Content 1 erscheint, sondern Content 1 schliesst und sich Content 2 öffnet?