[JS] Wie kann ich Ebenen Ein-/Ausblenden?

[Andreas Gaisbauer]

Wie kann ich Ebenen Ein-/Ausblenden?

Dazu braucht man die Ebene die Ein/Ausgeblendet werden soll, sowie ein Element das den Event-Handler auslösen kann (hier der Link)

<a href="#" onClick="einblenden('ebene1'); return false;"> Ein-/Ausblenden </a>
<div id="ebene1" style="display:none;"><br>
  Bildtext Bildtext Bildtext Bildtext<br>
  Bildtext Bildtext Bildtext Bildtext<br>
  Bildtext Bildtext Bildtext Bildtext<br>
  Bildtext Bildtext Bildtext Bildtext<br>
  Bildtext Bildtext Bildtext Bildtext<br>
  Bildtext Bildtext Bildtext Bildtext<br>
</div>

Die Funktion "Einblenden" sieht dann folgendermaßen aus:

<script language="JavaScript" type="text/javascript">
<!--
function einblenden(div) {
  with(document.getElementById(div).style){
    if(display=="none"){
      display="inline";
    }
    else{
      display="none";
    }
  }
}
//-->
</script>

Links:
Tutorial von Gouraud: http://www.tutorials.de/tutorials24983.html