Fanari dash Id dot Com | My Official & Commercial Blog

10 javascript accordion keren

Siapa sih yang nggak tahu javascript accordion yang sangat terkenal itu. Javascript accordion berguna untuk membuat suatu area konten supaya bisa ditampilkan atau disembunyikan menggunakan klik mouse (lihat accordion keren yang saya pakai di sidebar blog ini :)). Sangat baik digunakan untuk website yang membutuhkan space untuk bernavigasi yang cukup banyak. Saya udah mencoba beberapa, diantaranya..

Simple Javascript Accordion

Javascript accordion dari Deziner Folio ini paling simpel diantara accordion yang lain. Cukup mudah untuk menggunakannya.

Moo.Fx

Wow, ukurannya yang superlightweight, ultramungil, megakecil ini menjadi salah satu keunggulan javascript effect yang satu ini. Katanya sih, script ini sangat mudah digunakan, tapi saya belum bisa memasangnya di blog saya sendiri :). Keunggulan lainnya adalah script ini bersifat cross-browser (termasuk untuk IE), cepat dan ringan karena ukurannya yang kecil tadi.

jQuery accordion

Ini dia nih script yang saya pakai di blog ini (lihat sidebar). Accordion yang jadi favorit saya dari dulu. Memang ukurannya lebih besar daripada Moo.Fx jadi loadingnya jadi agak lama. Tapi entah kenapa saya lebih paham menggunakan script ini, dibandingkan Moo.Fx yang katanya sangat mudah itu. Animasinya cukup banyak antara lain animasi standar, animasi ease slide dengan mouseover, animasi bounceslide, juga accordion dengan wizard-style.

Stickmanlabs Accordion v2.0

Salah satu script accordion yang keren. Lumayan kecil, memakai scriptaculous dan berjalan di semua browser. Keunggulan script ini adalah tidak hanya mampu menangani accordion vertikal, tetapi juga horizontal, termasuk nested accordion.

Chris Esler Moo Tools Accordion

MooTools Accordion dengan tampilan yang cukup keren. Keunggulannya bisa dibuat untuk membuka (toggle) pada setiap elemen accordion tanpa “menutup” elemen yang lain, mirip JQuery.

Aariadne

Accordion dengan fasilitas drag & drop.

Artviper

Wow, Mootools accordion yang menurut saya punya tampilan paling keren karena bisa dipakai untuk membuat menu dengan efek hover yang menarik.

Nyokiglitter

Accordion dengan box di dalam tab

Portalzine

JQuery horizontal accordion yang paling keren dengan tampilan antarmuka ala Xbox 360 !

Solutoire

Salah satu accordion dengan efek transisi warna.

Kesimpulannya..semua script di atas bagus untuk dipasang di blog atau website, cuma menurut saya lebih baik memakai Moo.Fx karena ukurannya sangat kecil, sangat cepat untuk didownload terutama untuk internet dengan koneksi yang lambat. Atau bisa juga memakai JQuery, karena simpel dan mudah digunakan, seperti yang saya pakai di blog ini :).

Sebagian gambar diambil dari TutorialBlog.org