fadeToggle методу

fadeToggle методу элементтердин ачык-жабыктыгын анимациялап, аларды кезек-кезек менен жумшак көрсөтөт же жашырат.

Синтаксис

Белгиленген убакыт ичинде көрсөтүү/жашыруу, демейки болуп 400мс:

.fadeToggle(узактыгы);

Убакытты миллисекунд менен гана эмес, slow (600мс) жана fast (200мс) деген ачкыч сөздөр менен да белгилөөгө болот, мааниси канчалык чоң болсо, анимация ошончолук жай:

.fadeToggle('slow' же 'fast');

Эгер параметрлерди көрсөтпөсөңүз - анимация болбойт, элементтер дароо көрүнөт/жашырылат:

.fadeToggle();

Ошондой эле экинчи параметр катары жумшактык функциясын, үчүнчү параметр катары callback-функциясын - анимация аяктагандан кийин иштейт - берүүгө болот. Эки параметр да милдеттүү эмес:

.fadeToggle(узактыгы, [жумшактык функциясы], [callback-функциясы]);

Методго ар кандай параметрлерди, JavaScript объектиси түрүндө, ачкыч: маани жуптарын камтып берүүгө болот:

.fadeToggle(options);

Мындай объект төмөнкү параметрлерди жана функцияларды - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always бере алат. Бул параметрлердин сүрөттөмөсүн сиз animate методу үчүн көрө аласыз. Мисалы, узактыкты жана жумшактык функциясын орнотойлу:

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

Мисал

Төмөнкү мисалда биринчи жолу #toggle баскычына басканда #test элементи жашырылат, ал эми кайра басканда - көрсөтүлөт. Бул үчүн биз fadeToggle методунан пайдаланабыз. Ошондой эле биз ылдамдыкты 1000мс жана жумшактык функциясынын маанисин 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');
});

Дагы караңыз

slideToggle методу,
ал элементтерди кезек-кезек менен жумшак көрсөтөт/жашырат
fadeTo методу,
ал элементтердин ачык-жабыктыгын өзгөртөт
toggle методу,
ал элементтерди кезек-кезек менен жумшак көрсөтөт/жашырат
animate методу,
ал элементтердин касиеттерин анимациялайт