Membuat Fungsi Stop Pada jQuery

jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen komponen di dokumen HTML. Pada hari ini saya akan membahas tentang jQuery dalam penggunaan Metode jQuery stop() dimana yang digunakan untuk menghentikan suatu animasi atau efek sebelum animasi tersebut selesai. Metode stop() ini dapat digunakan untuk semua fungsi jQuery effect termasuk sliding, fading, dan animasi custom.

Syntax Penulisannya :

Ini contoh method stop() sederhana. Yang pertama kita buat dua buah element div dan satu tombol button.

Kemudian langkah selanjutnya adalah untuk memanggil file jQuery.

kemudian membuat tag script baru dan masukkan kode jQuery sebagai berikut

Pada contoh ini saya menggunakan even click dan membuat fungsi Slide Down kemudian kita berikan style sebagai berikut

dan jika dijalankan pada browser akan terlihat sebagai berikut

Ketika Slide Down ditekan maka kita bisa menghentikan proses Slide Down pada panel dengan menekan tombol Stop.
Selamat Mencoba.