Sebelum Memulai tutorial kali ini tentang Cara Membuat Accordion Menggunakan Mootools, ada baiknya kita mengetahu dulu apa itu Mootools? Mootools adalah kumpulan utilitas JavaScript dirancang untuk pengembang JavaScript tingkat menengah sampai tingkat mahir. Hal ini memungkinkan anda untuk menulis kode yang kuat dan fleksibel namun tetap elegan, didokumentasikan dengan baik, dan API yang koheren.

Kode di dalam Mootools secara luas didokumentasikan dan mudah dibaca, memungkinkan anda untuk memperluas fungsi dengan menyesuaikan kebutuhan Anda. Saya akan mencoba memberi contoh penggunaan mootools dengan juduk Cara Membuat Accordion Menggunakan Mootools. Berikut langkah-langkahnya:

–   Pertama buka text editor anda dan kita buat struktur htmlnya dulu, berikut kode htmlnya:

–   Kedua kita buat file cssnya di sini saya menggunakan css dengan nama style.css dan jangan lupa hubungkan cssnya dengan html, berikut adalah kode css-nya:

Setelah itu teman-teman jalankan htmlnya menggunakan browser teman-teman, maka tampilannya akan menjadi seperti gambar di bawah ini:

Cara Membuat Accordion Menggunakan Mootools

–   Ketiga teman-teman download file mootoolsnya di website mootools, lalu simpan di dalam folder yang sama dengan file html dan cssnya.-   Keempat, kita panggil file mootoolsnya dengan menggunkaan kode di bawah ini:

–   Terakhir Masukan kode javascript sebelum penutup tag </body>  :

Coba teman-teman refresh browsernya, maka tampilannya akan menjadi seprti gambar di bawah ini:

Cara Membuat Accordion Menggunakan Mootools

Ketika teman-teman klik judulnya maka efek accordion akan berfungsi.

Bagaimana teman-teman cukup mudahkan membuat accordion menggunakan mootools. Sekian tutorial kali ini tentang Cara Membuat Accordion Menggunakan Mootools. Jangan lupa di praktekan ya teman-teman.