Metóda slideUp

Metóda slideUp plynulo skrýva prvky, zatvárajúc ich zdola nahor. Zobraziť prvky je možné pomocou metódy slideDown.

Syntax

Skrytie za stanovený čas, 400ms predvolené:

.slideUp(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:

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

Ak neuvádzate parametre - animácia nebude, prvky sa budú skrývať okamžite:

.slideUp();

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

.slideUp(duration, [easing], [callback]);

Metóde je možné odovzdať rôzne možnosti, vo forme JavaScript objektu, obsahujúceho páry kľúč: hodnota:

.slideUp(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, nastavme trvanie a funkciu plynulosti:

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

Príklad

Po stlačení tlačidla, plynulo skryjme rodičovský div, ktorý obsahuje input a tlačidlo, pomocou metódy slideUp (tento div nájdeme pomocou metódy parent). Odovzdaním kľúčového slova slow nastavíme rýchlosť 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');
	});
});

Pozri tiež

metóda slideDown,
ktorá plynulo zobrazuje prvky
metóda slideToggle,
ktorá strieda plynulé zobrazovanie/skrytie prvkov
metóda fadeOut,
ktorá plynulo skrýva prvky, robí ich priehľadnými
metóda hide,
ktorá plynulo skrýva prvky