Metod fadeToggle

Metod fadeToggle elementlarni navbatma-navbat asta-sekin ko'rsatadi yoki yashiradi, ularning shaffofligini animatsiya qiladi.

Sintaksis

Ko'rsatish/yashirish berilgan vaqt davomida, 400ms standart bo'yicha:

.fadeToggle(davomiylik);

Vaqtni nafaqat millisekundlarda, balki kalit so'zlar bilan slow (600ms) va fast (200ms) ham belgilash mumkin, qiymat qancha katta bo'lsa, animatsiya shuncha sekinroq bo'ladi:

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

Agar parametrlarni ko'rsatmasangiz - animatsiya bo'lmaydi, elementlar darhol ko'rsatiladi/yashiriladi:

.fadeToggle();

Shuningdek, ikkinchi parametr sifatida silliqlik funksiyasini, hamda uchinchi parametr sifatida callback-funksiyani - animatsiya tugagandan so'ng ishlaydi. Ikkala parametr ham ixtiyoriy:

.fadeToggle(davomiylik, [silliqlik funksiyasi], [callback-funksiya]);

Metodga turli xil opsiyalarni, JavaScript obyekti shaklida, o'z ichiga olgan juftliklar kalit: qiymat sifatida uzatish mumkin:

.fadeToggle(options);

Bunday obyekt quyidagi parametrlar va funksiyalarni uzatishi mumkin - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Ushbu parametrlarning tavsifini siz metod uchun animate da ko'rishingiz mumkin. Masalan, davomiylik va silliqlik funksiyasini o'rnatamiz:

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

Misol

Quyidagi misolda birinchi marta #toggle tugmasini bosishda #test elementi bilan yashiriladi, takroriy bosishda - ko'rsatiladi. Buning uchun biz fadeToggle metodidan foydalanamiz. Shuningdek biz tezlikni 1000ms ga va silliqlik funksiyasi qiymatini linear ga o'rnatamiz:

<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');
});

Shuningdek qarang

metod slideToggle,
elementlarning asta-sekin ko'rsatish/yashirishini almashtiradi
metod fadeTo,
elementlarning shaffofligini o'zgartiradi
metod toggle,
elementlarning asta-sekin ko'rsatish/yashirishini almashtiradi
metod animate,
elementlar xususiyatlarini animatsiya qiladi