Meetod hide
Meetod hide peidab elemendid sujuvalt. Elemente
saab näidata meetodi
show abil.
Süntaks
Kadumine määratud aja jooksul,
vaikimisi 400ms:
.hide(kestus);
Aega saab määrata mitte ainult millisekundites,
vaid ka võtmesõnadega slow (600ms)
ja fast (200ms), mida suurem väärtus,
seda aeglasem animatsioon:
.hide('slow' või 'fast');
Kui parameetreid ei määrata - animatsiooni ei toimu, elemendid peidetakse hetkega:
.hide();
Saab ka teise parameetrina edastada sujuvusfunktsiooni, ning kolmandana callback-funktsiooni - käivitub pärast animatsiooni lõppu. Mõlemad parameetrid on valikulised:
.hide(kestus, [sujuvusfunktsioon], [callback-funktsioon]);
Meetodile saab edastada erinevaid valikuid, JavaScripti objekti kujul, mis sisaldab paare võti: väärtus:
.hide(valikud);
Selline objekt saab edastada järgmisi
parameetreid ja funktsioone - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Nende
parameetrite kirjeldust saad vaadata meetodi
animate puhul. Näiteks,
määrame kestuse ja sujuvusfunktsiooni:
.hide( {duration: 800, easing: easeInSine} );
Näide
Peidame pärast nupu #test vajutamist sujuvalt
lõigu meetodi hide abil. Edastades
võtmesõna slow, määrame kiiruseks
600ms. Pärast animatsiooni lõppu väljastame
konsooli 'Animation complete':
<button id="test">peida tekst</button>
<p>tekst</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
