Hallo teman-teman Dumet School, kembali lagi dengan saya Shelli Riipati di Kursus Web Design. Kali ini saya akan membahas tentang Cara Membuat Effect Toggle Keren Pada Jquery UI dimana efeknya nanti ketika tombol di klik akan hilang dan muncul dengan efek terbelah menjadi beberapa bagian.

Fungsi toggle pada jquery merupakan gabungan antara efek .show() dan .hide(). Jadi, saat elemen sedang muncul, maka .toggle() bertugas untuk menyembunyikannya, sedangkan saat elemen sedang menghilang, maka .toggle() bertugas untuk menampilkannya.

Oke teman-teman, langsung saja kita buat struktur htmlnya untuk mengetahui Cara Membuat Effect Toggle Keren Pada Jquery UI dan berikut scriptnya .

Jika sudah selesai maka teman-teman bisa langsung membuat script jquerynya untuk dapat membuat effect toggle keren pada jquery ui. Teman-teman bisa langsung salin source code yang ada di bawah ini lalu letakkan di dalam head setelah style cssnya.

Teman-teman bisa perhatikan untuk script di atas, dimana efek toggle yang saya gunakan adalah explode yang berfungsi untuk memberikan efek meledak menyembunyikan atau menunjukkan elemen dengan membaginya menjadi beberapa bagian. Dimana ketika di klik tombolnya maka efek togglenya akan dijalankan terhadap suatu elemen atau target seperti pada gambar di bawah ini.

Cara Membuat Effect Toggle Keren Pada Jquery UI

Demikian artikel tentang Cara Membuat Effect Toggle Keren Pada Jquery UI. Semoga bisa bermanfaat dan selamat mencoba ya.

WhatsApp chat