Ocultar y mostrar W3.JS


w3.hide(selector)

Ocultar elementos usando la identificación del elemento

Para ocultar un elemento con una identificación específica, use una etiqueta hash (#) delante del nombre de la identificación.

Ocultar un elemento con id="London":

Ejemplo

<button onclick="w3.hide('#London')">Hide</button>


Ocultar elementos usando el nombre de la etiqueta

Para ocultar todos los elementos con un nombre de etiqueta específico, utilice el nombre de la etiqueta (sin < ni >) como selector.

Ocultar todos los elementos <h2>:

Ejemplo

<button onclick="w3.hide('h2')">Hide</button>


Ocultar elementos usando el nombre de la clase

Para ocultar todos los elementos con un nombre de clase específico, use un punto (.) delante del nombre de la clase.

Ocultar elementos con class="city":

Ejemplo

<button onclick="w3.hide('.city')">Hide</button>


Mostrar elementos usando la identificación del elemento

Para mostrar un elemento con una identificación específica, use una etiqueta hash (#) delante del nombre de la identificación.

Mostrar un elemento con id="London":

Ejemplo

<button onclick="w3.show('#London')">Show</button>


Mostrar elementos usando el nombre de la etiqueta

Para mostrar todos los elementos con un nombre de etiqueta específico, utilice el nombre de la etiqueta (sin < ni >) como selector.

Mostrar todos los elementos <h2>:

Ejemplo

<button onclick="w3.show('h2')">Show</button>


Mostrar elementos usando el nombre de la clase

Para mostrar todos los elementos con un nombre de clase específico, use un punto (.) delante del nombre de la clase.

Mostrar elementos con class="city":

Ejemplo

<button onclick="w3.show('.city')">Show</button>

Alternar ocultar/mostrar

w3.toggleShow(selector)

Toggle Ocultar y mostrar con el ID de elemento

Alterne entre ocultar y mostrar un elemento con id="London":

Ejemplo

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>


Toggle Ocultar y mostrar usando el nombre de la etiqueta

Alterne entre ocultar y mostrar todos los elementos <h2>:

Ejemplo

<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>


Toggle Ocultar y mostrar usando el nombre de la clase

Alterne entre ocultar y mostrar elementos con class="city":

Ejemplo

<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>