How To Create Collapsibles/Accordion ?

Helloo….

Apa sih Collapsibles/Accordion ? merupakan animasi untuk mengeser ke bagian bawah konten yang berguna ketika ingin beralih antara menyembunyikan dan menampilkan konten dalam jumlah besar.

Selain untuk menyembunyikan dan menampilkan konten accordion juga membuat panjang konten menjadi lebih pendek, sehingga tidak perlu untuk scroll sampai bawah konten jika konten yang dibuka memuat informasi yang begitu panjang.

Pada website / official site yang ingin menggunakan accordion ini perlu adanya PHP Code, karna script untuk menjalankan accordion tidak dapat digunakan pada text post, sehingga memerlukan plugin PHP Code untuk dapat menjalankannya.

Jika ingin mencoba script accordion bisa menggunjungi w3schools.com lalu search accordion atau bisa klik DISINI.

Ada 2 tampilan Accordion yang dapat diterapkan nih yaitu:

  1. Animated Accordion (Slide Down).
  2.  Accordion with symbols.

Untuk contoh penerapan Accordion ini bisa dilihat DISINI.

Menurut pribadi Lis sendiri, Accordion ini sangat membantu banget, karena untuk menghemat ruang konten agar tidak terlalu panjang, sehingga yang mengunjungi konten tersebut tidak perlu untuk scroll down terus menerus hanya perlu click button dan informasi menurut judul button akan keluar deh hehe.

Kalau menurut kalian gimana ?

Oke sekian cermi Lis kali ini, semoga bisa bermanfaat yaa 😀

Terima kasih ^^

Leave a Reply

You must be logged in to post a comment.