Metoda show
Metoda show plynule zobrazuje skryté
prvky. Skrýt prvky lze pomocí metody
hide.
Syntaxe
Zobrazení po zadanou dobu v milisekundách,
400ms ve výchozím nastavení:
.show(doba trvání);
Čas lze zadat nejen v milisekundách,
ale i klíčovými slovy slow (600ms)
a fast (200ms), čím větší hodnota,
tím pomalejší animace:
.show('slow' nebo 'fast');
Pokud nezadáte parametry - animace nebude, prvky se zobrazí okamžitě:
.show();
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é:
.show(doba trvání, [funkce pro plynulost], [callback funkce]);
Metodě lze předat různé možnosti, ve formě JavaScriptového objektu obsahujícího dvojice klíč: hodnota:
.show(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ů naleznete u metody
animate. Například,
nastavme dobu trvání a funkci pro plynulost:
.show( {duration: 800, easing: easeInSine} );
Příklad
Po stisknutí tlačítka plynule zobrazme
skrytý odstavec pomocí metody show. Předáním
klíčového slova slow nastavíme rychlost
na 600ms. Po skončení animace vypišme do
konzole 'Animace dokončena':
<button>zobrazit text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
