martin.richter: Unsichtbares DIV macht sich trotzdem breit

Beitrag lesen

Hallo,

ich habe die gleichen DIV-Boxen untereinander mit dieser Formatierung:

div.text{position:relative;width:395px;padding:15px;margin-bottom:15px}

Nun soll eine Box davon unsichtbar sein und auf Klick erscheinen:

<div class="text">Irgendwas</div>  
<div class="text" style="visibility:hidden" id="zeigen">Unsichtbar</div>  
<div class="text">Irgendwas</div>  
  
<div class="text">  
<a href="#" onClick="javascript:parent.document.getElementById('zeigen').style.visibility='visible';return false;">Zeigen</a></div>

Das funktioniert soweit, allerdings beansprucht die unsichtbare Box jetzt schon ihren kompletten Platz anstatt sich beim Sichtbarmachen zwischen die anderen beiden Boxen reinzuschieben.

Ich dachte "display:inline" wäre hier die Lösung aber das geht ja nicht für DIVs.

Was muss ich dann ändern damit die unsichtbare Box erstmal sozusagen die Höhe "0" Pixel hat?

Danke,
Martin Richter