Metóda show
Metóda show plynulo zobrazí skryté
prvky. Skryť prvky je možné pomocou metódy
hide.
Syntax
Zobrazenie za stanovený čas v milisekundách,
400ms predvolene:
.show(duration);
Čas je možné zadať nielen v milisekundách,
ale aj kľúčovými slovami slow (600ms)
a fast (200ms), čím väčšia hodnota,
tým pomalšia animácia:
.show('slow' alebo 'fast');
Ak neuvádzate parametre - animácia nebude, prvky sa zobrazia okamžite:
.show();
Je možné aj druhým parametrom odovzdať funkciu plynulosti, a aj tretím callback funkciu - spustí sa po vykonaní animácie. Oba parametre sú voliteľné:
.show(duration, [easing function], [callback function]);
Metóde je možné odovzdať rôzne možnosti, vo forme JavaScript objektu, obsahujúceho páry key: value:
.show(options);
Takýto objekt môže odovzdávať nasledujúce
parametre a funkcie - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Popis
týchto parametrov môžete pozrieť pre metódu
animate. Napríklad,
nastavíme trvanie a funkciu plynulosti:
.show( {duration: 800, easing: easeInSine} );
Príklad
Po stlačení tlačidla, plynulo zobrazme
skrytý odsek pomocou metódy show. Odovzdaním
kľúčového slova slow, nastavíme rýchlosť
na 600ms. Po skončení animácie vypíšeme do
konzoly 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
