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>