Div mit JS ausblenden/einblenden

[Gunnar Bittersmann]

@@klickmich:

Habe meinen Code wie empfohlen wie folgt geändert. Leider bewirkt der Schalter erst beim 2. Klick das Einblenden des DIV-Elementes.
Woran könnte das liegen?

Daran:

if(x.style.display == 'none')

Das 'style'-Objekt kennt nur Werte, die per JavaScript gesetzt wurden (oder per 'style'-Attribut – aber das tut man ja nicht.[tm])

Einfach umdrehen:

function einaus(id)  
{  
  var x = document.getElementById(id);  
  if (x.style.display == 'block')  
    x.style.display = 'none';  
  else  
    x.style.display = 'block';  
}

Das lässt sich aber besser http://de.selfhtml.org/javascript/sprache/bedingt.htm#entweder_oder@title=kürzer schreiben:

function einaus(id)  
{  
  var x = document.getElementById(id);  
  x.style.display = (x.style.display == 'block' ? 'none' : 'block');  
}

Live long and prosper,
Gunnar