Metode show
Metode show vienmērīgi parāda paslēptus
elementus. Paslēpt elementus var ar metodi
hide.
Sintakse
Parādīšana uz noteiktu laiku milisekundēs,
400ms pēc noklusējuma:
.show(duration);
Laiku var norādīt ne tikai milisekundēs,
bet arī ar atslēgvārdiem slow (600ms)
un fast (200ms), jo lielāka vērtība,
jo lēnāka animācija:
.show('slow' vai 'fast');
Ja ne norādīt parametrus - animācijas nebūs, elementi tiks parādīti acumirklī:
.show();
Var arī otro parametru nodot vienmērīguma funkciju, un arī trešo callback funkciju - darbosies pēc animācijas pabeigšanas. Abi parametri nav obligāti:
.show(duration, [easing function], [callback function]);
Var nodot metodei dažādas opcijas, JavaScript objekta veidā, kas satur pārus key: value:
.show(options);
Šāds objekts var nodot šādus
parametrus un funkcijas - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Aprakstu
šiem parametriem var apskatīt metodei
animate. Piemēram,
iestatīsim ilgumu un vienmērīguma funkciju:
.show( {duration: 800, easing: easeInSine} );
Piemērs
Pēc pogas nospiešanas, vienmērīgi parādīsim
paslēpto rindkopu ar metodi show. Nododot
atslēgvārdu slow, mēs iestatīsim ātrumu
uz 600ms. Pēc animācijas beigām izvadīsim
konsolē 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
