Hallo teman-teman semuanya, kembali lagi pada tutorial dumet school, pada tutorial kali ini kita akan belajar mengenal event slidetoggle pada jquery.

Bagi teman-teman yang sudah mengenal jquery pasti sudah tidak asing lagi dengan event yang satu ini yaitu slidetoggle, slide toggle berfungsi untuk memberikan efek naik turun kepada suatu element yang kita telah tentukan sebelumnya, oke untuk lebih jelasnya kita langsung saja praktekan.

Pertama teman-teman silahkan buat sebuah file dan ketikan script berikut ini :

Saya akan menjelaskan script diatas, pertama saya membuat sebuah tombol dengan id toggle seperti ini:

Lalu sebuah div kosong dimana div ini saya atur stlyenya atau cssnya seperti berikut ini:

nah untuk script javascriptnya saya membuat sebuah fungsi klik pada tombol dengan id toogle dimana ketika tombol tersebut kita klik akan membuat element div slide keatas dan kebawah.

 

Gimana teman-teman? cukup mudah bukan? untuk tutorial kali ini tentang belajar mengenal event slidetoggle pada jquery cukup sampai disini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya.

Terimakasih.