Metode toggle

Metode toggle wissel gladde vertoon/verberging van elemente af. As 'n element vertoon word, sal dit verberg word en omgekeerd.

Sintaksis

Vertoon oor 'n gegewe tyd in millisekondes, 400ms by verstek:

.toggle(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:

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

Met die parameter display kan 'n waarde true of false oorgedra word. As true, sal die element slegs vertoon word, false - verberg word:

.toggle(display);

As geen parameters gespesifiseer word nie - sal daar geen animasie wees nie, elemente sal onmiddellik vertoon/verberg word:

.toggle();

'n Vloeiendheidsfunksie kan ook as 'n tweede parameter oorgedra word, asook 'n derde callback-funksie - sal na voltooiing van die animasie afspeel. Albei parameters is opsioneel:

.toggle(duur, [vloeiendheidsfunksie], [callback-funksie]);

'n Callback-funksie kan eenvoudig as tweede opsionele parameter oorgedra word - sal na voltooiing van die animasie afspeel:

.toggle(duur, [callback-funksie]);

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

.toggle(opsies);

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

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

Voorbeeld

Laat ons na die indruk van 'n knoppie, die verborge paragraaf glad vertoon met behulp van die metode toggle. Deur die sleutelwoord slow oor te dra, stel ons die spoed op 600ms. Met herhaalde indruk - om te verberg:

<button>wys teks</button>
<p style="display: none">teks</p>

$('button').click(function() {
	$('p').toggle('slow');
});

Sien ook

metode fadeToggle,
wat die deursigtigheid van elemente verander
metode slideToggle,
wat gladde vertoon/verberging van elemente afwissel
metode show,
wat elemente glad vertoon
metode hide,
wat elemente glad verberg