Metoda hide
Metoda hide plynule skrývá prvky. Zobrazit
prvky lze pomocí metody
show.
Syntaxe
Mizení po zadanou dobu,
400ms ve výchozím nastavení:
.hide(duration);
Čas lze zadávat nejen v milisekundách,
ale i klíčovými slovy slow (600ms)
a fast (200ms), čím větší hodnota,
tím pomalejší animace:
.hide('slow' nebo 'fast');
Pokud nezadáte parametry - animace nebude, prvky se budou skrývat okamžitě:
.hide();
Jako druhý parametr lze také předat funkci pro plynulost, a jako třetí callback funkci - spustí se po dokončení animace. Oba parametry jsou volitelné:
.hide(duration, [easing function], [callback function]);
Metodu lze předat různé volby, ve formě JavaScriptového objektu obsahujícího dvojice klíč: hodnota:
.hide(options);
Takový objekt může předávat následující
parametry a funkce - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Popis
těchto parametrů můžete najít u metody
animate. Například,
nastavme dobu trvání a funkci pro plynulost:
.hide( {duration: 800, easing: easeInSine} );
Příklad
Po stisknutí tlačítka #test plynule
skryjme odstavec pomocí metody hide. Předáním
klíčového slova slow nastavíme rychlost
na 600ms. Po skončení animace vypišme do
konzole 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
