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>