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 :

Capture

jika sudah teman teman save, lalu buat sebuah file lagi dengan format .css, pertama kita akan mengatur menu general teman-teman ketikan script berikut :

Capture2

jika sudah kita masuk ke pengaturan menu level satunya, teman-teman ketikan script berikut :

Capture3

jika sudah teman-teman save, lalu kita lakukan pengaturan untuk menu level 2 nya, teman-teman ketikan lagi script berikut :

Capture4

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:

Capture5

nah sekarang coba save keseluruhat script tadi, dan jalankan pada browser maka hasilnya akan seperti berikut :

hasil

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 🙂