tutorial pengembangan web terbaru
 

jQuery fadeToggle() Method

<Metode jQuery Efek

Contoh

Beralih antara memudar dalam dan keluar memudar kotak yang berbeda:

$("button").click(function(){
    $("#div1").fadeToggle();
});
Cobalah sendiri "

Definisi dan Penggunaan

The fadeToggle() metode matikan antara fadeIn() dan fadeOut() metode.

Jika unsur-unsur yang memudar keluar, fadeToggle() akan memudar dalam.

Jika unsur-unsur yang memudar dalam, fadeToggle() akan memudar mereka.

Catatan: elemen tersembunyi tidak akan ditampilkan sama sekali (tidak lagi mempengaruhi tata letak halaman).


Sintaksis

$(Selector).fadeToggle(kecepatan, mengurangi, callback)

Parameter Deskripsi
speed Pilihan. Menentukan kecepatan efek memudar. Nilai default adalah 400 milidetik

Kemungkinan nilai:

  • milidetik
  • "slow"
  • "fast"
easing Pilihan. Menentukan kecepatan elemen di titik yang berbeda dari efek. Nilai default adalah "swing"

Kemungkinan nilai:

  • "swing" - bergerak lebih lambat di awal / akhir, tapi lebih cepat di tengah
  • "linear" - bergerak dalam kecepatan konstan
Tip: fungsi pelonggaran lainnya tersedia di plugin eksternal
callback Pilihan. Sebuah fungsi yang akan dieksekusi setelah fadeToggle() metode selesai

Untuk mempelajari lebih lanjut tentang callback, baca jQuery Callback bab

Coba Sendiri - Contoh

fadeToggle() - Menggunakan parameter kecepatan
Cara menggunakan parameter kecepatan untuk menentukan kecepatan efek memudar.

fadeToggle() - Menggunakan parameter callback
Cara menggunakan parameter callback untuk melaksanakan fungsi setelah fadeToggle() metode selesai.


<Metode jQuery Efek