Mahlzeit,
MfG,
EKKi
Ich habe es so wie von Dir beschrieben probiert - es passiert gar nichts. Der gesamte Text ist zu sehen und beim klicken auf die Wörter geschieht nix. Kannst Du vielleicht nochmal drüber schauen, woran es liegen könnte:
<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>
<style type="text/css">
#einblenden {
text-decoration: underline;
}
#versteckt {
display: hidden;
}
#ausblenden {
text-decoration: underline;
}
</style>
Html:
<div style="margin-left: 120px;"><span
style="font-family: Georgia;">Text der immer sichtbar sein soll<br>
<br>
</span>
<div style="text-align: right;"><span
style="font-family: Georgia;" id="einblenden"
onclick="einblenden(this);">weiterlesen</span><br>
<span style="font-family: Georgia;"></span></div>
<span style="font-family: Georgia;"> <br>
</span>
<div id="versteckt"><span
style="font-family: Georgia;">Text der bei Klick auf "weiterlesen" eingeblendet und bei Klick auf "zurück" ausgeblendet werden soll.
<br>
</span>
<div style="text-align: right;"><span
style="font-family: Georgia;" id="ausblenden"
onclick="ausblenden(this);">zurück </span><br
style="font-family: Georgia;">
</div>
</div>