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:
.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ó:
.show('slow' vagy 'fast');
Ha nincs paraméter megadva - nem lesz animáció, az elemek azonnal megjelennek:
.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:
.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:
.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:
.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:
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
