jQuery Efect - slideDown() Method

Contoh

Tampilkan elemen <p> yang disembunyikan dengan cara geser:

$(".btn2").click(function(){
  $("p").slideDown();
});

Coba Sendiri

Definisi dan Penggunaan

slideDown() method menampilkan elemen yang disembunyikan dengan efek geser.

Syntax

$(selector).slideDown(speed,callback)
Parameter Deskripsi
speed

Pilihan. Tentukan kecepatan elemen dari disembunyikan ke terlihat (atau sebaliknya). Default adalah "normal".

Nilai yang mungkin:

  • Milisecond (seperti 1500)
  • "slow"
  • "normal"
  • "fast"

Dalam mengatur kecepatan, elemen akan berubah tingginya secara perlahan dalam proses dari disembunyikan ke terlihat.

callback

Pilihan. Fungsi yang akan dieksekusi setelah fungsi slideDown dijalankan.

Untuk mengenal lebih banyak tentang callback, kunjungi bab jQuery Callback kami.

Tidak dapat diatur parameter ini kecuali parameter speed telah disetel.

Petunjuk dan Keterangan

Petunjuk:Jika elemen sudah sepenuhnya terlihat, efek ini tidak menghasilkan perubahan apapun, kecuali diatur fungsi callback.

Keterangan:Efect ini berlaku untuk elemen yang disembunyikan melalui jQuery, atau elemen yang diumumkan display:none dalam CSS (tidak berlaku untuk elemen visibility:hidden).

Contoh Lebih Banyak

Gunakan parameter speed
Gunakan parameter speed untuk menyembunyikan dan menampilkan elemen.