div-Layer ein/ausblenden

<div id="1" style="display: none;"> Inhalt 1.... </div>

<script type="text/javascript">
function zeige(ID) {

 for (var zaehler = 1; zaehler <= 5; zaehler++) {
  if (document.getElementById("u" + zaehler).style.display == "block") {
   document.getElementById("u" + zaehler).style.display = "none";
  }
 }
 document.getElementById(ID).style.display = "block";
}
</script>

» <a href="javascript:zeige('u1');"> 1 anzeigen </a> <br>
<div style="display: none;" id="u1">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u2');"> 2 anzeigen </a> <br>
<div style="display: none;" id="u2">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u3');"> 3 anzeigen </a> <br>
<div style="display: none;" id="u3">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u4');"> 4 anzeigen </a> <br>
<div style="display: none;" id="u4">
   Viel Text viel text viel text ...
</div>

» <a href="javascript:zeige('u5');"> 5 anzeigen </a> <br>
<div style="display: none;" id="u5">
   Viel Text viel text viel text ...
</div>