JavaScript:

<script type="text/javascript">
     function setVisible(feld) {
          if(document.getElementById(feld).style.visibility == 'visible') {
               document.getElementById(feld).style.visibility = 'hidden';
               document.getElementById(feld).style.height = '0';
          } else {
               document.getElementById(feld).style.visibility = 'visible';
               document.getElementById(feld).style.height = 'auto';
          }
     }
</script>

HTML:

<div
id="quelltext"
style="visibility: hidden; height: 0px;">Hier steht der zu versteckende Texte...</div>
<div id="visibleLink">
<a onclick="setVisible('quelltext')"
style="cursor: pointer;">Mach sichtbar</a></div>

Zum JavaScript:

document.getElementById(feld): Das Objekt welches über die Funktion übergeben wird

visibility: Sichbarkeit des Feldes

height: Höhe des Feldes in pixel

Zum HTML-Code:

id: ID des Feldes um es im JavaScript anzusprechen

visibility: Sichbarkeit des Feldes

height: Höhe des Feldes in pixel

cursor: Wie soll der Mauszeiger dargestellt werden