Metode slideToggle() jQuery - Effek jQuery

Contoh

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

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

Coba sendiri

Definisi dan penggunaan

Metode slideToggle() mengganti keadaan terlihat elemen dengan menggunakan efek gerakan (perubahan tinggi).

Jika elemen yang dipilih dapat dilihat, sembunyikan elemen ini, jika elemen yang dipilih 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:

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

Dalam mengatur kecepatan, elemen akan berubah tingginya perlahan-lahan selama proses penampakan dan penyingkiran (ini akan menciptakan efek gerakan penarik).

callback

Pilihan. Fungsi yang akan dieksekusi setelah fungsi toggle dijalankan.

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

Jika belum disetel parameter speed, parameter ini tidak dapat disetel.

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 mengganti penampakan menarik dan menyembunyikan elemen.