Metode toggle() Efect jQuery

Panduan Efect jQuery

Contoh

Tukar status penglihatan dan pengecekan elemen <p>:

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

Coba sendiri

Definisi dan penggunaan

Metode toggle() mengganti status visibilitas elemen.

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

Sintaksis

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

Pilihan. Menentukan kecepatan elemen dari mode terlihat ke tersembunyi (atau sebaliknya). Standar adalah "0".

Nilai yang mungkin:

  • Milidetik (contoh 1500)
  • "slow"
  • "normal"
  • "fast"

Dalam hal menetapkan kecepatan, elemen akan berubah perlahan-lahan tinggi, lebar, margin, padding, dan kecerahan selama proses dari terlihat ke tersembunyi.

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

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

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

Parameter ini tidak dapat diatur kecuali parameter speed telah diatur.
switch

Pilihan. Nilai boolean. Menentukan apakah toggle mengembalikan semua elemen yang dipilih ke mode tersembunyi atau terlihat.

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

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

Petunjuk dan Keterangan

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

Beberapa contoh lainnya

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

Panduan Efect jQuery