Metóda hide
Metóda hide plynulo skrýva prvky. Zobraziť
prvky je možné pomocou metódy
show.
Syntax
Zmiznutie za stanovený čas,
400ms predvolene:
.hide(dĺžka);
Čas je možné zadať nielen v milisekundách,
ale aj kľúčovými slovami slow (600ms)
a fast (200ms), čím vyššia hodnota,
tým pomalšia animácia:
.hide('slow' alebo 'fast');
Ak neuvádzate parametre - animácia nebude, prvky sa budú skrývať okamžite:
.hide();
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é:
.hide(dĺžka, [funkcia plynulosti], [callback funkcia]);
Metóde je možné odovzdať rôzne možnosti, vo forme objektu JavaScript, obsahujúceho páry kľúč: hodnota:
.hide(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 dĺžku a funkciu plynulosti:
.hide( {duration: 800, easing: easeInSine} );
Príklad
Po stlačení tlačidla #test, plynulo
skryjme odsek pomocou metódy hide. 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 id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
