Metoda slideUp

Metoda slideUp plynule skrývá prvky, srolováním je zdola nahoru. Zobrazit prvky lze pomocí metody slideDown.

Syntaxe

Skrytí za daný čas, 400ms ve výchozím nastavení:

.slideUp(doba trvání);

Č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:

.slideUp('slow' nebo 'fast');

Pokud nezadáte parametry - animace nebude, prvky budou skryty okamžitě:

.slideUp();

Jako druhý parametr lze také předat funkci pro easing, a jako třetí callback funkci - spustí se po dokončení animace. Oba parametry jsou volitelné:

.slideUp(doba trvání, [funkce pro easing], [callback funkce]);

Metodu lze předat různé možnosti, ve formě JavaScriptového objektu, obsahujícího dvojice klíč: hodnota:

.slideUp(možnosti);

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 easing:

.slideUp( {duration: 800, easing: easeInSine} );

Příklad

Pojďme po stisknutí tlačítka plynule skrýt rodičovský div, který obsahuje input a tlačítko, pomocí metody slideUp (tento div najdeme pomocí metody parent). Předáním klíčového slova slow nastavíme rychlost na 600ms. V div s #test vypíšeme nápis 'Text is hidden':

<div>
	<button>hide text</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Viz také

metoda slideDown,
která plynule zobrazuje prvky
metoda slideToggle,
která střídá plynulé zobrazování/skrývání prvků
metoda fadeOut,
která plynule skrývá prvky, způsobuje jejich průhlednost
metoda hide,
která plynule skrývá prvky