How TO - Schakelen tussen verbergen en weergeven
Schakel tussen het verbergen en tonen van een element met JavaScript.
Klik op de knop!
Een element wisselen (verbergen/tonen)
Stap 1) HTML toevoegen:
Voorbeeld
<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
This is my DIV element.
</div>
Stap 2) JavaScript toevoegen:
Voorbeeld
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display
=== "none") {
x.style.display = "block";
} else {
x.style.display =
"none";
}
}
Tip: Voor meer informatie over Display en Visibility, lees onze CSS Display Tutorial .