Metode slideToggle() jQuery Efect

Panduan Efect jQuery

Contoh

Ganti antara keadaan terlihat dan disembunyikan untuk elemen <p> dengan menggunakan efek gerakan:

$(".btn1").click(function(){
  $("p").slideToggle();
});

Coba Sendiri

Definisi dan Penggunaan

Metode slideToggle() mengganti keadaan terlihat dan disembunyikan elemen melalui efek gerakan (perubahan tinggi).

Jika elemen yang dipilih adalah terlihat, sembunyikan elemen ini, jika elemen yang dipilih adalah disembunyikan, tampilkan elemen ini.

Sintaks

$().slideToggle(speed,callback)
Parameter Deskripsi
speed

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

Nilai yang mungkin:

  • Milisecond (seperti 1500)
  • "lambat"
  • "normal"
  • "cepat"

Dalam hal menetapkan kecepatan, elemen akan berubah tingginya perlahan-lahan selama proses pengubahan (ini akan menciptakan efek gerakan).
callback

Pilihan. Fungsi yang akan dijalankan setelah fungsi toggle dijalankan.

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

Tidak dapat diatur parameter ini kecuali parameter speed telah diset.

Petunjuk dan Komentar

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

Contoh Lebih Banyak

Gunakan parameter speed
Gunakan parameter speed untuk mengaktifkan dan menonaktifkan tampilan dan sembunyi elemen dengan gerakan ke atas dan ke bawah.

Panduan Efect jQuery