tutorial pengembangan web terbaru
 

jQuery slideDown() Method

<Metode jQuery Efek

Contoh

Slide-down (show) semua tersembunyi <p> ​​elemen:

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

Definisi dan Penggunaan

The slideDown() metode slide-down (menunjukkan) unsur-unsur yang dipilih.

Catatan: slideDown() bekerja pada elemen tersembunyi dengan metode jQuery dan display: none di CSS (tapi tidak visibility: hidden).

Tip: Untuk geser-up (hide) elemen, melihat slideUp() metode.


Sintaksis

$(selector).slideDown(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 lainnya pelonggaran tersedia dalam plugin eksternal.
callback Pilihan. Sebuah fungsi yang akan dieksekusi setelah slideDown() metode selesai

Untuk mempelajari lebih lanjut tentang callback, kunjungi bab jQuery Callback


Coba Sendiri - Contoh

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

slideDown() - Menggunakan parameter callback
Cara menggunakan parameter callback ketika geser ke atas dan ke bawah elemen yang dipilih.


<Metode jQuery Efek