MenusLesson 38Preview gratis
Click Dropdowns
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini mengulas pembuatan Menu Tarik Turun Berbasis Klik (Click Dropdown Menu) menggunakan JavaScript. Berbeda dengan menu hover yang sensitif terhadap gerakan mouse, dropdown klik baru akan terbuka saat tombol ditekan dan otomatis tertutup ketika pengguna mengklik area luar jendela.
Poin kunci
- Menambahkan event onclick pada tombol pemicu untuk toggle kelas .show pada menu
- Kelas .show mengubah properti display menjadi block
- Mendengarkan event window.onclick untuk menutup dropdown jika pengguna mengklik di luar area menu
- Sangat ramah pengguna untuk perangkat mobile dan pengguna layar sentuh
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.