W3.JS Sembunyikan & Tampilkan
w3.hide(selector)
Menyembunyikan Elemen Menggunakan Elemen Id
Untuk menyembunyikan elemen dengan id tertentu, gunakan tag hash (#) di depan nama id.
Sembunyikan elemen dengan id="London":
Contoh
<button onclick="w3.hide('#London')">Hide</button>
Menyembunyikan Elemen Menggunakan Nama Tag
Untuk menyembunyikan semua elemen dengan nama tag tertentu, gunakan nama tag (tanpa < dan >) sebagai pemilih.
Sembunyikan semua elemen <h2>:
Contoh
<button onclick="w3.hide('h2')">Hide</button>
Menyembunyikan Elemen Menggunakan Nama Kelas
Untuk menyembunyikan semua elemen dengan nama kelas tertentu, gunakan titik (.) di depan nama kelas.
Sembunyikan elemen dengan class="city":
Contoh
<button onclick="w3.hide('.city')">Hide</button>
Tampilkan Elemen Menggunakan Elemen Id
Untuk menampilkan elemen dengan id tertentu, gunakan tag hash (#) di depan nama id.
Tampilkan elemen dengan id="London":
Contoh
<button onclick="w3.show('#London')">Show</button>
Tampilkan Elemen Menggunakan Nama Tag
Untuk menampilkan semua elemen dengan nama tag tertentu, gunakan nama tag (tanpa < dan >) sebagai pemilih.
Tampilkan semua elemen <h2>:
Contoh
<button onclick="w3.show('h2')">Show</button>
Tampilkan Elemen Menggunakan Nama Kelas
Untuk menampilkan semua elemen dengan nama kelas tertentu, gunakan titik (.) di depan nama kelas.
Tampilkan elemen dengan class="city":
Contoh
<button onclick="w3.show('.city')">Show</button>
Alihkan Sembunyikan/Tampilkan
w3.toggleShow(selector)
Toggle Hide and Show Menggunakan Element Id
Beralih antara menyembunyikan dan menampilkan elemen dengan id="London":
Contoh
<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>
Beralih Sembunyikan dan Tampilkan Menggunakan Nama Tag
Beralih antara menyembunyikan dan menampilkan semua elemen <h2>:
Contoh
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
Beralih Sembunyikan dan Tampilkan Menggunakan Nama Kelas
Beralih antara menyembunyikan dan menampilkan elemen dengan class="city":
Contoh
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>