Miten vaihtaa piilottu ja näkyvä

Käytä JavaScriptiä elementin piilottamiseen ja näyttämiseen.

Klikkaa painiketta!

Vaihda (piilota/näytä) elementti

Ensimmäinen vaihe - Lisää HTML:

<button onclick="myFunction()">Klikkaa minua</button>
<div id="myDIV">
  Tämä on minun DIV-elementti.
</div>

Toisen vaiheen - Lisää JavaScript:

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  {}
{}

Kokeile itse

Liittyvät sivut

Oppitunti:CSS näyttö