jQuery Efect - Method toggle()

Panduan Efect jQuery

Contoh

Tukar keadaan terlihat dan disembunyi paragraf <p>:

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

Coba Sendiri

Definisi dan Penggunaan

Method toggle() mengganti keadaan visibilitas elemen.

Jika elemen yang dipilih terlihat, sembunyikan elemen ini, jika elemen yang dipilih disembunyi, tampilkan elemen ini.

Sintaksis

$(selector).toggle(speed,callback,switch)
Parameter Deskripsi
speed

Pilihan. Tentukan kecepatan elemen dari terlihat ke disembunyi (atau sebaliknya). Default adalah "0".

Nilai yang mungkin:

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

Dalam hal menetapkan kecepatan, elemen akan berubah perlahan-lahan dalam tinggi, lebar, marjin luar, marjin dalam, dan kecerahan selama proses dari terlihat ke disembunyi.

Jika parameter ini disetel, parameter switch tidak dapat digunakan.
callback

Pilihan. Fungsi yang akan dieksekusi setelah fungsi toggle selesai dieksekusi.

Untuk mendapatkan pengetahuan lebih lanjut tentang callback, kunjungi bab jQuery Callback kami.

Parameter ini tidak dapat disetel kecuali parameter speed disetel.
switch

Pilihan. Bilangan boolean. Tentukan toggle untuk menyembunyikan atau menampilkan semua elemen yang dipilih.

  • True - Tampilkan semua elemen
  • False - Sembunyikan semua elemen

Jika parameter ini disetel, parameter speed dan callback tidak dapat digunakan.

Petunjuk dan Keterangan

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

Contoh Lebih Banyak

Gunakan parameter speed
Gunakan parameter speed untuk menyembunyikan dan menampilkan elemen.
Gunakan parameter switch
Gunakan parameter switch untuk menampilkan semua paragraf tersembunyi.

Panduan Efect jQuery