Como - Alternar Ocultar e Mostrar
Alterne entre ocultar e mostrar um elemento com JavaScript.
Clique no botão!
Alternar (Ocultar/Mostrar) um Elemento
Etapa 1) Adicionar HTML:
Exemplo
<button onclick="myFunction()">Click Me</button>
<div id="myDIV">
This is my DIV element.
</div>
Etapa 2) Adicionar JavaScript:
Exemplo
function myFunction() {
var x = document.getElementById("myDIV");
if (x.style.display
=== "none") {
x.style.display = "block";
} else {
x.style.display =
"none";
}
}
Dica: para obter mais informações sobre Exibição e Visibilidade, leia nosso Tutorial de Exibição de CSS .