Metóda hide

Metóda hide plynulo skrýva prvky. Zobraziť prvky je možné pomocou metódy show.

Syntax

Zmiznutie za stanovený čas, 400ms predvolene:

javascript.hide(dĺžka);

Čas je možné zadať nielen v milisekundách, ale aj kľúčovými slovami slow (600ms) a fast (200ms), čím vyššia hodnota, tým pomalšia animácia:

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

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

javascript.hide();

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.hide(dĺžka, [funkcia plynulosti], [callback funkcia]);

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

javascript.hide(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, nastavíme dĺžku a funkciu plynulosti:

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

Príklad

Po stlačení tlačidla #test, plynulo skryjme odsek pomocou metódy hide. Odovzdaním kľúčového slova slow nastavíme rýchlosť na 600ms. Po skončení animácie vypíšeme do konzoly 'Animation complete':

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

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

Pozri tiež