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.

25 Februari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat