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

javascript.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:

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

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

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

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

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

javascript.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:

javascript.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':

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

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

Pozri tiež