Metode fadeToggle

Metode fadeToggle secara bergantian secara halus menampilkan atau menyembunyikan elemen, menganimasikan transparansinya.

Sintaks

Menampilkan/menyembunyikan dalam waktu yang ditentukan, defaultnya 400ms:

.fadeToggle(duration);

Waktu tidak hanya dapat ditentukan dalam milidetik, tetapi juga dengan kata kunci slow (600ms) dan fast (200ms), semakin besar nilainya, animasi semakin lambat:

.fadeToggle('slow' atau 'fast');

Jika parameter tidak ditentukan - tidak akan ada animasi, elemen akan muncul/hilang secara instan:

.fadeToggle();

Juga dapat meneruskan fungsi easing sebagai parameter kedua, dan callback function sebagai parameter ketiga - akan dijalankan setelah animasi selesai. Kedua parameter bersifat opsional:

.fadeToggle(duration, [fungsi easing], [callback function]);

Dapat meneruskan berbagai opsi ke metode, dalam bentuk objek JavaScript, yang berisi pasangan key: value:

.fadeToggle(options);

Objek seperti itu dapat meneruskan parameter dan fungsi berikut - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Deskripsi parameter-parameter ini dapat Anda lihat untuk metode animate. Contohnya, mari atur durasi dan fungsi easing:

.fadeToggle( {duration: 800, easing: easeInSine} );

Contoh

Dalam contoh berikut, pada penekanan pertama tombol #toggle elemen dengan #test akan disembunyikan, dan pada penekanan ulang - akan ditampilkan. Untuk ini kami menggunakan metode fadeToggle. Juga kami akan mengatur kecepatan menjadi 1000ms dan nilai fungsi easing menjadi linear:

<button id="toggle">toggle</button>
<div id="test"></div>

#test {
	width: 200px;
	height: 200px;
	background: green;
	color: white;
	margin-top: 10px;
}

$('#toggle').on('click', function() {
	$('#test').fadeToggle(1000, 'linear');
});

Lihat juga

metode slideToggle,
yang bergantian menampilkan/menyembunyikan elemen secara halus
metode fadeTo,
yang mengubah transparansi elemen
metode toggle,
yang bergantian menampilkan/menyembunyikan elemen secara halus
metode animate,
yang menganimasikan properti elemen