Mungkin teman-teman sudah familiar dengan namanya menu, ya betul menu adalah sebuah content yang terdapat pada sebuah website dimana fungsinya itu adalah untuk memudahkan pengunjung berpindah halaman, dan setiap menu kadang kita menemuka sebuah menu dimana di dalam menu itu terdapat sebuah sub sub menu, dan itu yang dinamakan menu dropdown, dan disini kita akan belajar cara membuat menu dropdown dengan sebuah icon. jadai jangan kemana-mana simak terus ya.

Teman-teman pasti bertanya apa yang berbeda dengan menu dropdown yang biasanya, yang membedakan dari cara membuat menu dropdown dengan sebuah icon disini adalah, disini saya membuatnya, dengan sebuah jquery UI, ya pasti tidak asing lagi ya, jika teman-teman masih asing, ini gampangnya seperti kita menggunakan plugin seperti itu, jadi tinggal link-link kan saja.

dan yang berbeda lagi disini kita akan menggunakan list menu dengan sebuah icon, iconya sendiri di dapat dari jquery UI nya, jadi sudah di sediakan ya, Dan ini lah icon dari jquery UI nya.

cara membuat menu dropdown dengan sebuah icon

silahkan kunjungi saja langsung link yang saya sudah berikan di dalam gambar, dan ini lah kode jquery UInya.

silahkan teman-teman coba, jadi disini kita tinggal mengatur nama listnya, dan jika ingin menambahkan teman-teman tinggal memberikan sebuah tag li lagi, dan hasil dari kode di atas adalah seperti ini:

cara membuat menu dropdown dengan sebuah icon

bagaiaman cukup simple ya caranya, dan saya rasa cukup sampai disini belajar kita tentang cara membuat menu dropdown dengan sebuah icon, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.