MoreLesson 223Preview gratis
Toggle Hide/Show
Lesson ini bagian dari How To · Semua level
Ringkasan
Toggle hide/show membuat elemen muncul dan hilang bergantian saat tombol diklik. Cara paling langsung adalah mengubah properti display antara none dan block lewat JavaScript. Pendekatan yang lebih rapi memakai kelas CSS atau atribut hidden, sehingga tampilan dan perilaku tetap terpisah.
Poin kunci
- display: none menyembunyikan elemen dan menghapusnya dari alur tata letak
- Atribut hidden adalah cara deklaratif untuk menyembunyikan elemen
- Gunakan classList.toggle agar logika tampil/sembunyi lebih mudah dirawat
- Perbarui aria-expanded pada tombol agar statusnya jelas bagi pembaca layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.