Metode fadeToggle

Metode fadeToggle pārmaiņus vienmērīgi parāda vai paslēpj elementus, animējot to caurspīdīgumu.

Sintakse

Parādīšana/paslēpšana noteiktā laikā, 400ms pēc noklusējuma:

.fadeToggle(duration);

Laiku var norādīt ne tikai milisekundēs, bet arī ar atslēgvārdiem slow (600ms) un fast (200ms), jo lielāka vērtība, jo lēnāka animācija:

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

Ja nenorādīt parametrus - animācijas nebūs, elementi tiks parādīti/paslēpti acumirklī:

.fadeToggle();

Var arī kā otro parametru nodot vienmērīguma funkciju, un kā trešo callback funkciju - izpildīsies pēc animācijas pabeigšanas. Abi parametri nav obligāti:

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

Metodei var nodot dažādas opcijas, JavaScript objekta veidā, kas satur pārus atslēga: vērtība:

.fadeToggle(options);

Šāds objekts var nodot sekojošus parametrus un funkcijas - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Šo parametru aprakstu varat apskatīt metodei animate. Piemēram, iestatīsim ilgumu un vienmērīguma funkciju:

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

Piemērs

Nākamajā piemērā pirmajā nospiežot uz pogas #toggle elements ar #test tiks paslēpts, bet atkārtoti nospiežot - parādīts. Šim mēs izmantojam metodi fadeToggle. Arī mēs iestatīsim ātrumu uz 1000ms un vienmērīguma funkcijas vērtību uz 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');
});

Skatiet arī

metode slideToggle,
kas pārmaiņus veic elementu vienmērīgu parādīšanu/paslēpšanu
metode fadeTo,
kas maina elementu caurspīdīgumu
metode toggle,
kas pārmaiņus veic elementu vienmērīgu parādīšanu/paslēpšanu
metode animate,
kas animē elementu īpašības