W3.CSSLesson 34Preview gratis
W3.CSS Accordions
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Accordion adalah kumpulan panel yang dapat dibuka dan ditutup sehingga hanya isi yang dibutuhkan yang tampil. Polanya sederhana: judul berupa tombol yang mengubah keadaan tersembunyi pada panel isi memakai sedikit JavaScript. Teknik ini menghemat ruang sekaligus menjaga halaman tetap pendek dan terorganisir.
Poin kunci
- Accordion terdiri dari judul tombol dan panel isi yang dapat disembunyikan
- Class w3-hide menyembunyikan panel sampai judul diklik
- Elemen button pada judul membuat accordion dapat diakses keyboard
- Menutup panel lain saat satu dibuka menjaga fokus pengguna
- Struktur panel yang konsisten membuat pengguna cepat memahaminya
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.