Metóda show

Metóda show plynulo zobrazí skryté prvky. Skryť prvky je možné pomocou metódy hide.

Syntax

Zobrazenie za stanovený čas v milisekundách, 400ms predvolene:

javascript.show(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.show('slow' alebo 'fast');

Ak neuvádzate parametre - animácia nebude, prvky sa zobrazia okamžite:

javascript.show();

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.show(duration, [easing function], [callback function]);

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

javascript.show(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 trvanie a funkciu plynulosti:

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

Príklad

Po stlačení tlačidla, plynulo zobrazme skrytý odsek pomocou metódy show. 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>show text</button>
<p style="display: none">text</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Pozri tiež