Text einblenden

[EKKi]

Mahlzeit,

<style type="text/css">  
[code lang=css]  
#einblenden {  
  text-decoration: underline;  
}  
  
#versteckt {  
  display: hidden;  
}  
  
#ausblenden {  
  text-decoration: underline;  
}  

</style>
<script type="text/javascript">

  
function einblenden(elem) {  
  elem.parentNode.getElementByid('versteckt').style.display = 'block';  
}  
  
function ausblenden(elem) {  
  elem.parentNode.getElementByid('versteckt').style.display = 'hidden';  
}  

</script>
<p>

ich möchte, dass beim Klicken auf das Wort "<span id="einblenden" onclick="einblenden(this);">weiterlesen</span>" sich ein weiterer Text öffnet, welcher zuvor nicht zu sehen ist. <div id="versteckt">Sofern der Leser sich entscheidet, die weitergehenden Informationen doch nicht lesen zu wollen, soll bei Klick auf das Wort "<span id="ausblenden" onclick="ausblenden(this);">zurück" der zusätzliche Text wieder ausgeblendet werden.</div>

</p>[/code]

MfG,
EKKi