Chris Jasra: Ausklappbare Leiste

Beitrag lesen

Hay,

ich möchte wie im Beispielbild

http://img463.imageshack.us/img463/9834/beispielwt0.png

auf Abruf eines Links ein neue Leiste haben, die auf Abruf des gleichen Links auch wieder verschwindet.

Hier habe ich auch ein Beispiel, wie so etwas funktionieren könnte:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">

<head>
<script type="text/javascript">
function switchlayer(Layer_Name)
{
var GECKO = document.getElementById? 1:0 ;
var NS = document.layers? 1:0 ;
var IE = document.all? 1:0 ;

if (GECKO) {
  document.getElementById(Layer_Name).style.display=(document.getElementById(Layer_Name).style.display=='block') ? 'none' : 'block';
 }
 else if (NS) {
  document.layers[Layer_Name].display=(document.layers[Layer_Name].display=='block') ? 'none' : 'block';
 }
 else if (IE) {
  document.all[Layer_Name].style.display=(document.all[Layer_Name].style.display=='block') ? 'none' : 'block';
 }
}
</script>

</head>

<body style="background-color: white;">

<table border="1" style="width: 100%;">
 <tr>
 <td><a href="#" onclick="javascript:switchlayer('1'); return false;">Link</a>
 </tr>
</table>
<table border="1" style="width: 100%;">
 <tr>
 <td style="display:none" id="1">Neue Tabelle</td>
 </tr>
</table>

</body>

</html>

Mit dem Öffnen des Links wird die versteckte Leiste (in Tabellenform) gezeigt, beim zweiten Klick wird sie wieder versteckt. Wo es im IE schön angezeigt wird, hakt es nachher auf Browsern mit Mozilla-Engine. Beim wiederholten Öffnen der Leiste sah sie ziemlich fehlerhaft aus. Ich konnte zwar den Fehler entdecken, dass es an den Befehl "Display: ..." lag und hab auch gleich auf SELFHTML nachgeschaut, um den Problem auf die Spur zu kommen, jedoch habe ich aus dem Text dort rein gar nichts verstanden und bin auch überfragt, was ich nun wo einsetzen bzw. korrigieren soll.

Wäre um Hilfe dankbar =)
Chris Jasra