MoreLesson 177Preview gratis
Collapsible
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas komponen collapsible yang dapat dibuka dan ditutup untuk menyembunyikan konten panjang. Tombol pemicu mengubah status konten dan biasanya menampilkan ikon panah sebagai petunjuk arah. Implementasi yang baik memperbarui aria-expanded serta menghubungkan tombol dengan area konten melalui aria-controls.
Poin kunci
- Gunakan tombol asli dengan aria-expanded yang berubah antara true dan false
- Sembunyikan konten dengan atribut hidden atau kelas CSS, dan animasikan tinggi maksimum bila perlu
- Hubungkan tombol dan konten menggunakan aria-controls serta id yang sesuai
- Ikon panah dapat diputar dengan transform agar status terbuka mudah dikenali
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.