Daniel Kleine: display: block/none + JS + first child?

Beitrag lesen

Hi,

kurze Frage auf ein fast fertig geloestes Problem.

Ich blende div's mit Hilfe von JS und der Eigenschaft display ein und aus.

<a href="javascript:ReverseDisplay('minis')">Mini S</a>
<a href="javascript:ReverseDisplay('minihome')">Mini Home</a>
<a href="javascript:ReverseDisplay('0m')">Einfach</a>
<a href="javascript:ReverseDisplay('vs')">Vario</a>
.... usw

Zwei davon sind per display: block bereits eingeblendet.
Der Rest wird per klick dazu eingeblendet. Die divs sind mit float: left ausgerichtet.

hier noch kurz das JS
----------------------------------------------
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
----------------------------------------------

Folgendes Problem neu eingeblendete div' erscheinen immer hinter denen die schon eingeblendet sind. Hat jemand ne id wie man die div's dazu kriegt vor dem ersten element zu erscheinen.

  • mfg daniel