div - style.visibility

[northon]

Guten Tag allerseits!

Ich habe einen ausklappbaren Text geschaffen, der durch einen Klick sichtbar wird, bzw bei einem erneuten Klick verschwindet. Dazu habe ich euch natürlich etwas Code mitgebracht:

  
 function klapp1(v,w)  
 {  
  var auswahlbox = document.getElementById('auswahlbox1');  
  
  if(!box1)  
  {  
    auswahlbox.innerHTML='- '+ w;  
    box1=document.createElement('div');  
    box1.id="box1";  
    auswahlbox.appendChild(box1);  
    box1.style.border="solid black 2px";  
    box1.innerHTML = v;  
  }  
  
  if (box1.style.visibility=="visible")  
  {  
    h=0;  
    box1.style.visibility="collapse";  
    auswahlbox.innerHTML='+ '+w;  
  }  
  
  else  
  {  
    h=1;  
    box1.style.visibility="visible";  
  }  
  
  
 }  

h ist nur eine Hilfsvariable die hier keine Bedeutung hat!

Mein Problem ist folgendes: Wenn ich das div Element auf collapse stelle verschwindet es richtigerweise. Wenn ich es danach auf visible stelle erscheint es jedoch nicht wie gewünscht erneut. Einzige Abhilfe wäre, das div Element jedesmal neu zu erzeugen. Hat visibility="collapse" etwa eine ähnliche Wirkung wie removeChild()?

Vllt hat jemand eine Lösung für mein Problem,

Vielen Dank fürs lesen
Mit freundlichen Grüßen
Northon

[Robert Kabinger]

box1.style.visibility="collapse";

Versuch das ganze mal mit CSS-Klassen.

if(!box1)

Ausserdem würde ich eine Zeile davor noch
var box1 = document.getElementById("box1");
schreiben.

[northon]

Vielen Dank, das war die Lösung, so einfach kanns sein *closed*

[vaudi]

Hallöchen,

ich hab das gleiche Problem damit gelöst, dass ich nicht visibility modifiziere, sondern "display = 'none'" zum Ausblenden, und "display = ''" zum Einblenden verwende.

MfG
vaudi