Code:

<style type="text/css">
#tekst {
display: none;
width: 250px;
border: 1px solid black;
background-color: #cccccc;
padding: 5px;
font-size: 12px;
}
</style>
<script language="javascript">
function kadabra(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display= "block";
}
return false;
} else {
return true;
}
}
</script>
</head>
<body>
<a href="#" onclick="return kadabra('tekst');">
Hier een link naar een artikel hieronder met onclick.</a>
<p id="tekst">
Dit kun je natuurlijk op allerlei manieren gaan gebruiken.
Bijvoorbeeld voor een uitklapmenu of voor een vraagspel
ofzo. In de stijl kun je aanpassingen doen aan de breedte
en bijvoorbeeld de achtergrondkleur.</p>
<p> En de volgende gewone tekst komt er gewoon weer onder
te staan.</p>

Resultaat:





Hier een link naar een artikel hieronder met onclick.

Dit kun je natuurlijk op allerlei manieren gaan gebruiken.
Bijvoorbeeld voor een uitklapmenu of voor een vraagspel
ofzo. In de stijl kun je aanpassingen doen aan de breedte
en bijvoorbeeld de achtergrondkleur.

En de volgende gewone tekst komt er gewoon weer onder
te staan.

Wil of heb jij ook een website?

  • Krijg elke dinsdag tips en ideeën voor je website
  • Ontvang het ‘Het Complete Blog Ideeën boek‘ helemaal voor niks
  • Iedere week een update van nieuwe artikelen op mijn website

Meld je ook aan!