Meetod show
Meetod show näitab sujuvalt peidetud
elemente. Elemente saab peita kasutades meetodit
hide.
Süntaks
Näitamine määratud aja jooksul millisekundites,
vaikimisi 400ms:
.show(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:
.show('slow' või 'fast');
Kui parameetreid ei määrata - animatsiooni ei toimu, elemendid kuvatakse koheselt:
.show();
Saab ka teise parameetrina edastada sujuvusfunktsiooni, ning kolmandana callback-funktsiooni - käivitub peale animatsiooni lõppu. Mõlemad parameetrid on valikulised:
.show(kestus, [sujuvusfunktsioon], [callback-funktsioon]);
Meetodile saab edastada erinevaid valikuid, JavaScripti objekti kujul, mis sisaldab paare võti: väärtus:
.show(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:
.show( {duration: 800, easing: easeInSine} );
Näide
Teeme nuppu vajutades sujuvalt nähtavaks
peidetud lõigu meetodi show abil. Edastades
võtmesõna slow, määrame kiiruseks
600ms. Pärast animatsiooni lõppu väljastame
konsooli 'Animatsioon lõpetatud':
<button>näita teksti</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
