tutorial pengembangan web terbaru
 

jQuery slideToggle() Method

<Metode jQuery Efek

Contoh

Beralih antara slideUp() dan slideDown() untuk semua <p> elemen:

$("button").click(function(){
    $("p").slideToggle();
});
Cobalah sendiri "

Definisi dan Penggunaan

The slideToggle() metode matikan antara slideUp() dan slideDown() untuk elemen yang dipilih.

Metode ini memeriksa unsur-unsur yang dipilih untuk visibilitas. slideDown() dijalankan jika elemen tersembunyi. slideUp() dijalankan jika elemen terlihat - ini menciptakan efek beralih.

Sintaksis

$(selector).slideToggle(speed,easing,callback)

Parameter Deskripsi
speed Pilihan. Menentukan kecepatan efek slide. Nilai default adalah 400 milidetik

Kemungkinan nilai:

  • milidetik
  • "slow"
  • "fast"
easing Pilihan. Menentukan kecepatan elemen di titik yang berbeda dari animasi. Nilai default adalah "swing"

Kemungkinan nilai:

  • "swing" - bergerak lebih lambat di awal / akhir, tapi lebih cepat di tengah
  • "linear" - bergerak dalam kecepatan konstan
Tip: fungsi pelonggaran lainnya tersedia di plugin eksternal
callback Pilihan. Sebuah fungsi yang akan dieksekusi setelah slideToggle() metode selesai

Untuk mempelajari lebih lanjut tentang callback, kunjungi bab jQuery Callback

Coba Sendiri - Contoh

slideToggle() - Menggunakan parameter kecepatan
Cara menggunakan parameter kecepatan untuk menentukan kecepatan efek slide.

slideToggle() - Menggunakan parameter callback
Cara menggunakan parameter callback ketika Toggling antara slideUp() dan slideDown() .

<Metode jQuery Efek