Toggle ada fungsi dimana kita mempunyai sebuah biasanya button, pokoknya yang mengganti value awal ke value yang lain, di Jquery UI ini terdapat fungsi toggle yang cukup menarik dimana effectnya itu mempunyai ciri khas masing-masing, dan d jquery UI ini di mudah kan menggunakannya, oke lalu ada apa saja kumpulan effect cantik toggle yang ada di Jquery UI, simak terus ya teman-teman.

Oke mungkin teman-teman bertanya ya maksud dari effect ini apa ? Maksud dari effect ini adalah ketika teman-teman menekan atau mengganti sebuah button, effectnya adalah konten yang tampil dan hilang saya proses event berjalan, jadi effect tampil dan hilang ini akan lebih cantik ketika kita menggunakan effect ini, sudah sedikit paham ya, jika sudah inilah kumpulan effect cantik toggle yang ada di Jquery UI :

  1. blind
  2. bounce
  3. clip
  4. drop
  5. explode
  6. fade
  7. fold
  8. highlight
  9. puff
  10. pulsate
  11. scale
  12. shake
  13. size
  14. slide

nanti effect itu akan saya masukan kedalam value option dan saya akan menggunakan event change supaya ketika beganti dengan valu lainya konten target kita menampilkan effectnya, oke langsung saja, disini kita masukan linknya terlebih dahalu:

Jika sudah saya menggunakan Template seperti ini:

disini saya mengguakan bootstrap ya, jangan lupa class toggler dan id effect adalah targetnya, oke sekarang ini adalah scriptnya:

Dsini menggunakan function runEffect() dimana function ini berjalan ketika saya memindahkan value optionya, seperti itu, oke bagaimana cukup menarik bukan jika teman-teman ingin melihat hasilnya silahkan lihat disiniĀ dan disini adalah gambarannya:

kumpulan effect cantik toggle yang ada di Jquery UI

Sebenarnya untuk penggunakan toggle itu lebih cocoknya kita menggunakan button ya, karena toggle itu kan sifatnya menampilkan dan menghilangkan di pada event tetapi disini saya iseng saja menggunakan change, nanti teman-teman pakai button saja ya, oke saya rasa cukup sampai disini tentang kumpulan effect cantik toggle yang ada di Jquery UI, semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.