Metodas show
Metodas show sklandiai rodo paslėptus
elementus. Paslėpti elementus galima naudojant metodą
hide.
Sintaksė
Rodymas per nurodytą laiką milisekundėmis,
400ms pagal nutylėjimą:
.show(trukme);
Laiką galima nurodyti ne tik milisekundėmis,
bet ir raktažodžiais slow (600ms)
ir fast (200ms), kuo didesnė reikšmė,
tuo lėtesnė animacija:
.show('slow' arba 'fast');
Jei nenurodyti parametrai - animacijos nebus, elementai bus rodomi akimirksniu:
.show();
Taip pat antruoju parametru galima perduoti sklandumo funkciją, o trečiuoju callback funkciją - suveiks po animacijos vykdymo. Abu parametrai nėra privalomi:
.show(trukme, [sklandumo funkcija], [callback funkcija]);
Metodui galima perduoti įvairias parinktis, JavaScript objekto pavidalu, kuriame yra poros raktas: reikšmė:
.show(parinktys);
Tokiame objekte gali būti perduodami šie
parametrai ir funkcijos - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Šių
parametrų aprašymą galite peržiūrėti metode
animate. Pavyzdžiui,
nustatykime trukmę ir sklandumo funkciją:
.show( {duration: 800, easing: easeInSine} );
Pavyzdys
Po mygtuko paspaudimo, sklandiai parodysime
paslėptą pastraipą naudodami metodą show. Perduodami
raktažodį slow, nustatysime greitį
į 600ms. Baigus animaciją išvesime į
konsolę 'Animation complete':
<button>rodyti tekstą</button>
<p style="display: none">tekstas</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
