Code: Selecteer alles

<script language="JavaScript">
<!--
function showLevel( _levelId ) {
   var thisLevel = document.getElementById( _levelId );
   if ( thisLevel.style.display == "none") {
      thisLevel.style.display = "block";
      }
   else {
      hideLevel( _levelId);
      }
   }   
function hideLevel( _levelId) {
   var thisLevel = document.getElementById( _levelId );
   thisLevel.style.display = "none";
   }   
// -->
</script>


<table width="500" border="0" cellspacing="2" cellpadding="2" align="center" class="hoofdtabel">
<tr><td width="500">
<a href="javascript:showLevel('1');"><b>tekst invoegen</b></a><br>
<div id="1" style="display: none;">
Hier tekst in voegen zoals je wilt
</div>
</td></tr>
<tr><td width="500">
<a href="javascript:showLevel('2');"><b>Wat heb ik daaraan?</b></a><br>
<div id="2" style="display: none;">
Het is bijvoorbeeld te gebruiken voor een lijst met veel gestelde vragen.<br>
Als je gelijk alles weergeeft krijg je een lange pagina waarbij je altijd moet scrollen. Als je dit gebruikt is alleen datgene wat aangeklikt wordt als antwoord in beeld. Met een kleurtje kun je de aangeklikte tekst ook extra benadrukken.
</div>
</td></tr>
<tr><td width="500">
<a href="javascript:showLevel('3');">Hoe werkt het?</a><br>
<div id="3" style="display: none;">
Kijk naar de broncode van deze pagina. Copieer de code en pas hem aan naar je eigen wensen.
</div>
</td></tr>
<tr><td width="500">
<a href="javascript:showLevel('4');">Werkt het altijd?</a><br>
<div id="4" style="display: none;">
Er wordt gebruik gemaakt van JavaScript. Als op de clientcomputer het gebruik van JavaScript staat uitgevinkt zal het niet werken.
</div>
</td></tr>
<tr><td width="500">
<a href="javascript:showLevel('5');">Werkt het ook met Mozilla en/of Netscape?</a><br>
<div id="5" style="display: none;">
Ja, deze werkt ook met Mozilla en/of Netscape!
</div>
</td></tr>
<tr><td width="500">
<a href="javascript:showLevel('6');">Kan ik deze routine ook nesten?</a><br>
<div id="6" style="display: none;">
<a href="javascript:showLevel('7');">Probeer maar uit, en klik!</a><br>
<div class="level2" id="7" style="display: none;">
Zag je dit daarnet ook?
</div>
<a href="javascript:showLevel('8');">Werkt dat of werkt dat niet?</a><br>
<div class="level2" id="8" style="display: none;">
Is dit bruikbaar of niet?
</div>
</div>
</td></tr>
<tr><td width="500">
<a href="javascript:showLevel('9');"><b>maker van het script?</b></a><br>
<div id="9" style="display: none;">
Willem Karssenberg http://www.webdesk.nl/:-)
</div>
</td></tr>
</table>