W3.JS Nascondi e mostra
w3.hide(selector)
Nascondere gli elementi usando l'ID elemento
Per nascondere un elemento con un id specificato, usa un hash tag (#) davanti al nome dell'id.
Nascondi un elemento con id="Londra":
Esempio
<button onclick="w3.hide('#London')">Hide</button>
Nascondere gli elementi usando il nome del tag
Per nascondere tutti gli elementi con un nome di tag specificato, utilizzare il nome del tag (senza < e >) come selettore.
Nascondi tutti gli elementi <h2>:
Esempio
<button onclick="w3.hide('h2')">Hide</button>
Nascondere gli elementi usando il nome della classe
Per nascondere tutti gli elementi con un nome di classe specificato, utilizzare un punto (.) davanti al nome della classe.
Nascondi elementi con class="city":
Esempio
<button onclick="w3.hide('.city')">Hide</button>
Mostra elementi utilizzando l'ID elemento
Per mostrare un elemento con un ID specificato, usa un tag hash (#) davanti al nome ID.
Mostra un elemento con id="Londra":
Esempio
<button onclick="w3.show('#London')">Show</button>
Mostra gli elementi usando il nome del tag
Per mostrare tutti gli elementi con un nome di tag specificato, utilizzare il nome del tag (senza < e >) come selettore.
Mostra tutti gli elementi <h2>:
Esempio
<button onclick="w3.show('h2')">Show</button>
Mostra elementi usando il nome della classe
Per mostrare tutti gli elementi con un nome di classe specificato, usa un punto (.) davanti al nome della classe.
Mostra elementi con class="city":
Esempio
<button onclick="w3.show('.city')">Show</button>
Attiva/disattiva Nascondi/Mostra
w3.toggleShow(selector)
Attiva/disattiva Nascondi e Mostra utilizzando l'ID elemento
Alterna tra nascondere e mostrare un elemento con id="London":
Esempio
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Attiva/disattiva Nascondi e Mostra utilizzando il nome del tag
Alterna tra nascondere e mostrare tutti gli elementi <h2>:
Esempio
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Attiva/disattiva Nascondi e Mostra utilizzando il nome della classe
Alterna tra nascondere e mostrare gli elementi con class="city":
Esempio
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>