W3.JS Ocultar e Mostrar
w3.hide(selector)
Ocultar elementos usando o ID do elemento
Para ocultar um elemento com um id especificado, use uma tag hash (#) na frente do nome do id.
Oculte um elemento com id="London":
Exemplo
<button onclick="w3.hide('#London')">Hide</button>
Ocultar elementos usando o nome da tag
Para ocultar todos os elementos com um nome de tag especificado, use o nome da tag (sem < e >) como seletor.
Ocultar todos os elementos <h2>:
Exemplo
<button onclick="w3.hide('h2')">Hide</button>
Ocultando elementos usando o nome da classe
Para ocultar todos os elementos com um nome de classe especificado, use um ponto (.) na frente do nome da classe.
Ocultar elementos com class="city":
Exemplo
<button onclick="w3.hide('.city')">Hide</button>
Mostrar elementos usando o ID do elemento
Para mostrar um elemento com um id especificado, use uma tag hash (#) na frente do nome do id.
Mostrar um elemento com id="London":
Exemplo
<button onclick="w3.show('#London')">Show</button>
Mostrar elementos usando o nome da tag
Para mostrar todos os elementos com um nome de tag especificado, use o nome de tag (sem < e >) como seletor.
Mostrar todos os elementos <h2>:
Exemplo
<button onclick="w3.show('h2')">Show</button>
Mostrar elementos usando o nome da classe
Para mostrar todos os elementos com um nome de classe especificado, use um ponto (.) na frente do nome da classe.
Mostrar elementos com class="city":
Exemplo
<button onclick="w3.show('.city')">Show</button>
Alternar ocultar/mostrar
w3.toggleShow(selector)
Alternar ocultar e mostrar usando o ID do elemento
Alterne entre ocultar e mostrar um elemento com id="London":
Exemplo
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Alternar ocultar e mostrar usando o nome da tag
Alterne entre ocultar e mostrar todos os elementos <h2>:
Exemplo
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Alternar ocultar e mostrar usando o nome da classe
Alterne entre ocultar e mostrar elementos com class="city":
Exemplo
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>