W3.JS skrýt a ukázat
w3.hide(selector)
Skrytí prvků pomocí ID prvku
Chcete-li skrýt prvek se zadaným id, použijte hash tag (#) před názvem id.
Skrýt prvek s id="London":
Příklad
<button onclick="w3.hide('#London')">Hide</button>
Skrytí prvků pomocí názvu značky
Chcete-li skrýt všechny prvky se zadaným názvem tagu, použijte jako selektor název tagu (bez < a >).
Skrýt všechny prvky <h2>:
Příklad
<button onclick="w3.hide('h2')">Hide</button>
Skrytí prvků pomocí názvu třídy
Chcete-li skrýt všechny prvky se zadaným názvem třídy, použijte tečku (.) před názvem třídy.
Skrýt prvky s class="city":
Příklad
<button onclick="w3.hide('.city')">Hide</button>
Zobrazit prvky pomocí ID prvku
Chcete-li zobrazit prvek se zadaným id, použijte před názvem id hash tag (#).
Zobrazit prvek s id="London":
Příklad
<button onclick="w3.show('#London')">Show</button>
Zobrazit prvky pomocí názvu značky
Chcete-li zobrazit všechny prvky se zadaným názvem tagu, použijte jako selektor název tagu (bez < a >).
Zobrazit všechny prvky <h2>:
Příklad
<button onclick="w3.show('h2')">Show</button>
Zobrazit prvky pomocí názvu třídy
Chcete-li zobrazit všechny prvky se zadaným názvem třídy, použijte tečku (.) před názvem třídy.
Zobrazit prvky s class="city":
Příklad
<button onclick="w3.show('.city')">Show</button>
Přepnout Skrýt/Zobrazit
w3.toggleShow(selector)
Přepnout skrýt a zobrazit pomocí ID prvku
Přepínání mezi skrytím a zobrazením prvku s id="London":
Příklad
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Přepněte možnost Skrýt a zobrazit pomocí názvu značky
Přepínání mezi skrytím a zobrazením všech prvků <h2>:
Příklad
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Přepněte skrýt a zobrazit pomocí názvu třídy
Přepínání mezi skrytím a zobrazením prvků pomocí class="city":
Příklad
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>