halo teman teman bertemu lagi pada tutorial dumet school, kali ini saya akan mencoba untuk mempraktekan bagai mana cara membuat menu dropdown 3 level,
kalau sebelumnya kita pernah membahas bagai mana cara membuat menu dropdown sederhana, nah kali ini kita akan belajar lebih lanjut mengenai menudropdown 3 level,
oke kita langsung sata ,teman-teman buat sebuah file html dan ketikan script berikut :
jika sudah teman teman save, lalu buat sebuah file lagi dengan format .css, pertama kita akan mengatur menu general teman-teman ketikan script berikut :
jika sudah kita masuk ke pengaturan menu level satunya, teman-teman ketikan script berikut :
jika sudah teman-teman save, lalu kita lakukan pengaturan untuk menu level 2 nya, teman-teman ketikan lagi script berikut :
sudah mulai terlihat rapih kan ,, tapi masi belum, kita belum mengatur level ke3 dari menu yang kita buat,, teman-teman ketikan script berikut masih di pengaturan css nya:
nah sekarang coba save keseluruhat script tadi, dan jalankan pada browser maka hasilnya akan seperti berikut :
oke sekarang teman-teman sudah bisa membuat menu dropdown 3 level,
#note : konsep yang sama berlaku ketika teman-teman ingin membuat menu dropdown tambahan lagi & jangan lupa hubungkan file css nya yah 😀
cukup sekian artikel kali ini selaman mencoba dan semoga bermanfaat 🙂