MoreLesson 231Preview gratis
Tree View
Lesson ini bagian dari How To · Semua level
Ringkasan
Tree view menampilkan data bertingkat seperti folder dan file yang dapat dibuka atau ditutup. Struktur HTML-nya berupa daftar bersarang, sedangkan JavaScript menangani klik pada penanda untuk menampilkan cabang di bawahnya. Indikator panah dan atribut aria-expanded membuat status buka-tutup mudah dipahami.
Poin kunci
- Gunakan ul dan li bersarang untuk merepresentasikan hierarki
- Sembunyikan cabang dengan display: none lalu tampilkan saat induk dibuka
- Panah atau caret dapat berputar untuk menunjukkan status terbuka
- Perbarui aria-expanded agar status cabang diumumkan pembaca layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.