W3.JS Verbergen en tonen
w3.hide(selector)
Elementen verbergen met Element-ID
Om een element met een opgegeven id te verbergen, gebruikt u een hash-tag (#) voor de id-naam.
Verberg een element met id="London":
Voorbeeld
<button onclick="w3.hide('#London')">Hide</button>
Elementen verbergen met tagnaam
Om alle elementen met een gespecificeerde tagnaam te verbergen, gebruikt u de tagnaam (zonder < en >) als selector.
Verberg alle <h2> elementen:
Voorbeeld
<button onclick="w3.hide('h2')">Hide</button>
Elementen verbergen met klassenaam
Om alle elementen met een opgegeven klassenaam te verbergen, gebruikt u een punt (.) vóór de klassenaam.
Verberg elementen met class="city":
Voorbeeld
<button onclick="w3.hide('.city')">Hide</button>
Elementen weergeven met Element-ID
Om een element met een opgegeven id weer te geven, gebruikt u een hash-tag (#) voor de id-naam.
Toon een element met id="London":
Voorbeeld
<button onclick="w3.show('#London')">Show</button>
Elementen weergeven met tagnaam
Om alle elementen met een gespecificeerde tagnaam weer te geven, gebruikt u de tagnaam (zonder < en >) als selector.
Toon alle <h2> elementen:
Voorbeeld
<button onclick="w3.show('h2')">Show</button>
Elementen weergeven met behulp van klassenaam
Om alle elementen met een opgegeven klassenaam weer te geven, gebruikt u een punt (.) voor de klassenaam.
Toon elementen met class="city":
Voorbeeld
<button onclick="w3.show('.city')">Show</button>
Toggle Verbergen/Tonen
w3.toggleShow(selector)
Toggle Verbergen en weergeven met element-ID
Wissel tussen verbergen en tonen van een element met id="London":
Voorbeeld
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Toggle Verbergen en weergeven met tagnaam
Wissel tussen verbergen en tonen van alle <h2> elementen:
Voorbeeld
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Toggle Verbergen en weergeven met klasnaam
Wissel tussen verbergen en tonen van elementen met class="city":
Voorbeeld
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>