Membuat Accordion Sederhana dengan jQuery

Menu dalam HTML biasanya ditampilkan dalam berbagai metode, salah satunya adalah menggunakan fitur jquery, di mana tujuannya adalah agar tampilan menu tersebut menjadi cantik atau menarik bagi pengunjung. Salah satu fungsi dari jQuery adalah membuat Accordion menu dimana Accordion menu ini dapat meringkas tampilan dan juga dapat memperindah tampilan web anda. Pada artikel kali ini saya akan membuat Accordion sederhana yang kita ciptakan disini membutuhkan sedikit fungsi jQuery tanpa plugin. Oke langsung saja yang pertama kita akan membuat daftar list untuk menu yang akan kita buat

Berikut syntax css sederhana nya yang sudah saya buat .

Selanjutnya untuk membuat efek accordion nya berikut syntax JQuery nya

Coba perhatikan efek saat salah satu menu di klik, maka submenu nya akan di munculkan. sekarang coba jika salah satu menu yang lain nya di klik, maka submenu sebelum nya akan di sembunyikan lagi dan submenu pada menu yang di klik akan di muncul kan.

dan akan terjadi perubahaan yang menarik. nah sekarang adalah tugas anda untuk mengembangkannya lagi menjadi lebih menarik.

Selamat Mencoba.