Metoda hide

Metoda hide plynule skrývá prvky. Zobrazit prvky lze pomocí metody show.

Syntaxe

Mizení po zadanou dobu, 400ms ve výchozím nastavení:

javascript.hide(duration);

Č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.hide('slow' nebo 'fast');

Pokud nezadáte parametry - animace nebude, prvky se budou skrývat okamžitě:

javascript.hide();

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

javascript.hide(duration, [easing function], [callback function]);

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

javascript.hide(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ů můžete najít u metody animate. Například, nastavme dobu trvání a funkci pro plynulost:

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

Příklad

Po stisknutí tlačítka #test plynule skryjme odstavec pomocí metody hide. Předáním klíčového slova slow nastavíme rychlost na 600ms. Po skončení animace vypišme do konzole 'Animation complete':

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Viz také