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

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

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

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

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

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

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

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

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');
  });
});

Viz také