Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang bagaimana Cara Membuat Accourdion Dengan Javascript. Dengan menggunakan javascript kita dapat membuat accourdion sendiri tanpa menggunakan plugin tambahan, banyak sekali plugin untuk accourdion seperti misalnya jQuery, Bootstrap, atau pluginnya yang lainnya. Tidak ada salahnya menambahkan sebuah plugin di dalam project website yang teman – teman buat, namun menngunakan plugin terlalu banyak juga akan berpengaruh terhadap website teman – teman.Tetapi kembali lagi kepada teman – teman, saya hanya menyarankan saja 🙂

Sebagai alternative pada artikel kali ini saya akan membuat accourdion dengan javascript, simak terus artikel Cara Membuat Accourdion Dengan Javascript ini. Pertama – tama kita buat terlebih dahulu layoutnya, dalam kasus ini saya menggunakan bootstrap 4. Siapkan text editornya dan ketikkan script html nya seperti gambar di bawah ini

Cara Membuat Accourdion Dengan Javascript

 

Tambahkan style css nya

Kemudian save dengan nama index.html, jika sudah jalankan pada browsernya dan akan tampil seperti gambar di bawah ini

Cara Membuat Accourdion Dengan Javascript

Langkah selanjutnya kita berikan script javascript nya untuk membuat accourdion

Jika sudah save dan refresh pada browsernya, kemudian klik pada salah satu judul maka dengan begitu accourdion berhasil kita buat

Cara Membuat Accourdion Dengan Javascript

Itulah tips dari saya tentang Cara Membuat Accourdion Dengan Javascript kita akan berjumpa kembali pada artikel yang akan datang. Terimakasih dan sampai Jumpa, semoga bermanfaat.