Masquer et afficher W3.JS
w3.hide(selector)
Masquer des éléments à l'aide de l'ID d'élément
Pour masquer un élément avec un identifiant spécifié, utilisez une balise dièse (#) devant le nom de l'identifiant.
Masquer un élément avec id="London":
Exemple
<button onclick="w3.hide('#London')">Hide</button>
Masquer des éléments à l'aide d'un nom de balise
Pour masquer tous les éléments avec un nom de balise spécifié, utilisez le nom de la balise (sans < et >) comme sélecteur.
Masquez tous les éléments <h2> :
Exemple
<button onclick="w3.hide('h2')">Hide</button>
Masquer des éléments à l'aide du nom de classe
Pour masquer tous les éléments avec un nom de classe spécifié, utilisez un point (.) devant le nom de la classe.
Masquer les éléments avec class="city":
Exemple
<button onclick="w3.hide('.city')">Hide</button>
Afficher les éléments à l'aide de l'ID d'élément
Pour afficher un élément avec un identifiant spécifié, utilisez une balise dièse (#) devant le nom de l'identifiant.
Afficher un élément avec id="London":
Exemple
<button onclick="w3.show('#London')">Show</button>
Afficher les éléments à l'aide du nom de balise
Pour afficher tous les éléments avec un nom de balise spécifié, utilisez le nom de balise (sans < et >) comme sélecteur.
Afficher tous les éléments <h2> :
Exemple
<button onclick="w3.show('h2')">Show</button>
Afficher les éléments à l'aide du nom de classe
Pour afficher tous les éléments avec un nom de classe spécifié, utilisez un point (.) devant le nom de la classe.
Afficher les éléments avec class="city":
Exemple
<button onclick="w3.show('.city')">Show</button>
Basculer Masquer/Afficher
w3.toggleShow(selector)
Toggle Masquer et afficher à l'aide de l'ID d'élément
Basculer entre masquer et afficher un élément avec id="London":
Exemple
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Toggle Masquer et afficher à l'aide du nom de balise
Basculez entre le masquage et l'affichage de tous les éléments <h2> :
Exemple
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Toggle Masquer et afficher à l'aide du nom de la classe
Basculer entre le masquage et l'affichage des éléments avec class="city":
Exemple
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>