Hallo teman-teman, bertemu lagi pada tutorial dumet school, pada tutoial kali ini saya akan membahas tentang cara penggunaan efek toggle pada jquery.

Sebelumnya saya telah membahas banyak efek-efek yang ada pada jquery, nah pada kesempatan kali ini saya akan membahas efek toggle pada jquery, apa sih efek toggle? sama seperti fungsi fadein dan fadeout pada jquery yaitu menghilangkan dan menampilkan sebuah kontent.

Untuk lebih jelasnya kita langsung saja praktekan, silahkan teman-teman buat sebuah file, dan ketikan script berikut ini:

Saya akan menjelaskan script diatas:

pertama saya harus mereload liblary dari jquery dari jquery.com, lalu saya membuat sebuah tombol dengan id klik, lalu saya membuat fungsi script jquerynya yaitu seperti ini:

Script di atas saya membuat event click dimana ketika tombol dengan id click diklik akan menampilkan element div dengan efek toggle dengan kecepatan slow.

Jika teman save, maka hasilnya akan seperti berikut ini:

cara penggunaan efek toggle pada jquery hasil

Gimana teman-teman? cukup mudah bukan, untuk tutorial kali ini tentang cara penggunaan efek toggle pada jquery, cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya.

Terimakasih.