Metode fadeToggle

Die metode fadeToggle wys of verberg elemente om die beurt vloeiend deur hul deursigtigheid te animeer.

Sintaksis

Vertoon/verberging vir 'n gegewe tyd, standaard 400ms:

.fadeToggle(duur);

Tyd kan nie net in millisekondes gespesifiseer word nie, maar ook met sleutelwoorde slow (600ms) en fast (200ms), hoe groter die waarde, hoe stadiger die animasie:

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

As jy geen parameters spesifiseer nie, sal daar geen animasie wees nie, elemente sal onmiddellik verskyn/verdwyn:

.fadeToggle();

Jy kan ook 'n vloeiingsfunksie as tweede parameter deurgee, en 'n derde callback-funksie - wat na voltooiing van die animasie sal afspeel. Albei parameters is opsioneel:

.fadeToggle(duur, [vloeiingsfunksie], [callback-funksie]);

Verscheidenheid opsies kan aan die metode oorgedra word, in die vorm van 'n JavaScript-voorwerp wat pare sleutel: waarde bevat:

.fadeToggle(opsies);

So 'n voorwerp kan die volgende parameters en funksies oordra - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Beskrywing van hierdie parameters kan jy sien vir die metode animate. Byvoorbeeld, laat ons duur en vloeiingsfunksie stel:

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

Voorbeeld

In die volgende voorbeeld, met die eerste klik op die knoppie #toggle sal die element met #test verdwyn, en met 'n herhaalde klik - verskyn. Vir hierdie doel gebruik ons die metode fadeToggle. Ons sal ook die spoed op 1000ms stel en die waarde van die vloeiingsfunksie op linear:

<button id="toggle">wissel</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');
});

Sien ook

metode slideToggle,
wat vloeiende vertoning/verberging van elemente afwissel
metode fadeTo,
wat die deursigtigheid van elemente verander
metode toggle,
wat vloeiende vertoning/verberging van elemente afwissel
metode animate,
wat die eienskappe van elemente animeer