A show metódus

A show metódus simán megjeleníti a rejtett elemeket. Az elemeket a hide metódussal lehet elrejteni.

Szintaxis

Megjelenítés megadott időtartam alatt milliszekundumban, alapértelmezetten 400ms:

javascript.show(duration);

Az időt nem csak milliszekundumban lehet megadni, hanem kulcsszavakkal is: slow (600ms) és fast (200ms), minél nagyobb az érték, annál lassabb az animáció:

javascript.show('slow' vagy 'fast');

Ha nincs paraméter megadva - nem lesz animáció, az elemek azonnal megjelennek:

javascript.show();

A második paraméterként átadható egy easing függvény, valamint a harmadik paraméterként egy callback függvény - amely az animáció befejezése után fut le. Mindkét paraméter opcionális:

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

Különböző beállítások adhatók át a metódusnak, JavaScript objektum formájában, amely kulcs: érték párokat tartalmaz:

javascript.show(options);

Egy ilyen objektum a következő paramétereket és függvényeket adhatja át - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Ezen paraméterek leírását a animate metódusnál találja. Például, állítsuk be az időtartamot és az easing függvényt:

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

Példa

A gomb megnyomása után jelenítsük meg simán a rejtett bekezdést a show metódussal. A slow kulcsszó átadásával a sebességet 600ms-ra állítjuk. Az animáció befejezése után írjuk ki a konzolra a 'Animation complete' szöveget:

html<button>show text</button>
<p style="display: none">text</p>

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

Lásd még