ik wou mijn text tijdelijk laten verbergen met javascript en weer laten terugkomen, dat is nu gelukt maar nu heb ik 2 links die dat doen.
ik wil eigenlijk een link hebben die zorgt dat ik met javascript mijn tekst kan laten verdwijnen en verschijnen.
dus als de pagina net is gelaten moet er staan:
<a href="javascript:.show()">show</a>
en als je erop geklikt heb:
<a href="javascript:hide()">hide</a>
en de functies moeten het natuurlijk doen maar ik snap niet hoe dat precies kan.
dit is wat ik tot nu toe hebt
ik wil eigenlijk een link hebben die zorgt dat ik met javascript mijn tekst kan laten verdwijnen en verschijnen.
dus als de pagina net is gelaten moet er staan:
<a href="javascript:.show()">show</a>
en als je erop geklikt heb:
<a href="javascript:hide()">hide</a>
en de functies moeten het natuurlijk doen maar ik snap niet hoe dat precies kan.
dit is wat ik tot nu toe hebt
HTML:
<html>
<head>
<script type="text/javascript">
function show() {
document.getElementById('hidden').style.display='block';
}
function hide() {
document.getElementById('hidden').style.display='none';
}
</script>
<style type="text/css">
div#hidden {
display: none;
}
</style>
</head>
<body>
hide / show : <a href="javascript:show()">show</a> / <a href="javascript:hide()">hide</a>
<div id="hidden">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sem mi, malesuada sed, laoreet eu, feugiat nec, quam. Nunc porttitor felis nec quam hendrerit ultricies. Mauris aliquet elit et eros. Nulla ac metus. Vestibulum purus urna, congue eget, consectetuer sed, interdum ut, mi. Maecenas et metus non enim venenatis ornare. Suspendisse eget erat. Praesent gravida. Mauris tempor elementum justo. Morbi vitae quam nec lorem commodo fringilla. Duis ac dolor non nulla lobortis tristique. Phasellus in est a dolor malesuada volutpat.
</div>
</body>
</html>