Переключение между скрытым и видимым состоянием элемента при помощи JavaScript.
Нажми на кнопку!
Как переключать состояние (скрытый/видимый) элемента
Шаг 1) Добавляем HTML:
Пример
<button onclick="myFunction()">Нажми на меня</button>
<div id="myDIV">
Это мой элемент DIV.
</div>
Шаг 2) Добавляем JavaScript:
Пример
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display === "none") {
x.style.display = "block";
} else {
x.style.display = "none";
}
}
Попробовать самому »Совет: Более подробно о свойствах display и visibility читайте наш учебник по CSS Типы представления.