Metode hide
Die metode hide verberg elemente vloeiend. Elemente kan
getoon word met die metode
show.
Sintaksis
Verdwyning oor 'n gegewe tyd,
400ms by verstek:
.hide(duur);
Tyd kan nie net in millisekondes gespesifiseer word nie,
maar ook met die sleutelwoorde slow (600ms)
en fast (200ms), hoe groter die waarde,
hoe stadiger die animasie:
.hide('slow' of 'fast');
As jy geen parameters spesifiseer nie - sal daar geen animasie wees nie, elemente sal oombliklik verdwyn:
.hide();
Jy kan ook 'n vloei-funksie as tweede parameter deurgee, sowel as 'n derde callback-funksie - wat sal uitvoer na voltooiing van die animasie. Albei parameters is opsioneel:
.hide(duur, [vloei-funksie], [callback-funksie]);
Jy kan verskeie opsies aan die metode deurgee, in die vorm van 'n JavaScript-voorwerp wat paare sleutel: waarde bevat:
.hide(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,
kom ons stel die duur en vloei-funksie:
.hide( {duration: 800, easing: easeInSine} );
Voorbeeld
Kom ons verberg na die druk van knoppie #test, vloeiend
die paragraaf met die metode hide. Deur die
sleutelwoord slow deur te gee, stel ons die spoed
in op 600ms. Na voltooiing van die animasie, sal ons na die
konsule uitvoer 'Animation complete':
<button id="test">verberg teks</button>
<p>teks</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
