W3.JS Ukryj i pokaż
w3.hide(selector)
Ukrywanie elementów za pomocą identyfikatora elementu
Aby ukryć element o określonym identyfikatorze, użyj tagu hash (#) przed nazwą identyfikatora.
Ukryj element z id="London":
Przykład
<button onclick="w3.hide('#London')">Hide</button>
Ukrywanie elementów za pomocą nazwy znacznika
Aby ukryć wszystkie elementy o określonej nazwie znacznika, użyj nazwy znacznika (bez < i >) jako selektora.
Ukryj wszystkie elementy <h2>:
Przykład
<button onclick="w3.hide('h2')">Hide</button>
Ukrywanie elementów przy użyciu nazwy klasy
Aby ukryć wszystkie elementy o określonej nazwie klasy, użyj kropki (.) przed nazwą klasy.
Ukryj elementy z class="city":
Przykład
<button onclick="w3.hide('.city')">Hide</button>
Pokaż elementy przy użyciu identyfikatora elementu
Aby pokazać element o określonym identyfikatorze, użyj tagu hash (#) przed nazwą identyfikatora.
Pokaż element z id="London":
Przykład
<button onclick="w3.show('#London')">Show</button>
Pokaż elementy przy użyciu nazwy znacznika
Aby wyświetlić wszystkie elementy z określoną nazwą znacznika, użyj nazwy znacznika (bez < i >) jako selektora.
Pokaż wszystkie elementy <h2>:
Przykład
<button onclick="w3.show('h2')">Show</button>
Pokaż elementy przy użyciu nazwy klasy
Aby wyświetlić wszystkie elementy o określonej nazwie klasy, użyj kropki (.) przed nazwą klasy.
Pokaż elementy z class="city":
Przykład
<button onclick="w3.show('.city')">Show</button>
Przełącz Ukryj/Pokaż
w3.toggleShow(selector)
Przełącz ukrywanie i pokazywanie za pomocą identyfikatora elementu
Przełącz między ukrywaniem a pokazywaniem elementu z id="London":
Przykład
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Przełącz Ukryj i pokaż za pomocą nazwy tagu
Przełącz między ukrywaniem a pokazywaniem wszystkich elementów <h2>:
Przykład
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Przełącz ukrywanie i pokazywanie za pomocą nazwy klasy
Przełącz między ukrywaniem i pokazywaniem elementów za pomocą class="city":
Przykład
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>