DHTML Prob: Vivible lässt es nicht verschwinden

[Phil]

Text verbergen!
<div id="textmeldungen">

</div>


das Script:
function toggle_text(i) {
if (i == 0){
document.getElementById('textmeldungen').className ='visible0';
document.getElementById('textschalter').firstChild .nodeValue='Textmeldungen anzeigen!';
document.getElementById('textschalter').href='java script:toggle_text(1)';

} else {
document.getElementById('textmeldungen').className ='visible1';
document.getElementById('textschalter').firstChild .nodeValue='Textmeldungen ausblenden!!';
document.getElementById('textschalter').href='java script:toggle_text(0)';
}

}

Das Stylesheet:
.visible0{
visibility: hidden;
}
.visible1{
visibility: visible;
}

Das Problem:
Der Inhalt des Divs wird unsichtbar. Aber er beansprucht trotzdem Platz! Kann man das irgendwie machen, dass er ganz verschwindet, also collapsed???

[jak]

Workaround: Größe in einer Variable speichern und auf 0 setzen bzw. wiederherstellen (keine Ahnung ob das geht, änderungen Rot):

var wid, hei;
function toggle_text(i) {
if (i == 0){
document.getElementById('textmeldungen').className ='visible0';

wid=document.getElementById('textmeldungen').style .width;
hei=document.getElementById('textmeldungen').style .height;

document.getElementById('textschalter').firstChild .nodeValue='Textmeldungen anzeigen!';
document.getElementById('textschalter').href='java script:toggle_text(1)';

} else {
document.getElementById('textmeldungen').className ='visible1';

document.getElementById('textmeldungen').style.wid th=wid;
document.getElementById('textmeldungen').style.hei ght=hei;

document.getElementById('textschalter').firstChild .nodeValue='Textmeldungen ausblenden!!';
document.getElementById('textschalter').href='java script:toggle_text(0)';
}

}

Jak