A hide metódus
A hide metódus simán rejt el elemeket. Az elemeket
a show
metódussal lehet megjeleníteni.
Szintaxis
Eltűnés meghatározott idő alatt,
alapértelmezetten 400ms:
.hide(duration);
Az időt nem csak ezredmásodpercben lehet megadni,
hanem kulcsszavakkal is: slow (600ms)
és fast (200ms), minél nagyobb az érték,
annál lassabb az animáció:
.hide('slow' vagy 'fast');
Ha nincs paraméter megadva - nem lesz animáció, az elemek azonnal elrejtődnek:
.hide();
A második paraméterként átadható egy easing függvény, a harmadik paraméterként pedig egy callback függvény - amely az animáció befejezése után fut le. Mindkét paraméter opcionális:
.hide(duration, [easing function], [callback function]);
A metódusnak különböző beállításokat lehet átadni, JavaScript objektum formájában, amely kulcs: érték párokat tartalmaz:
.hide(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:
.hide( {duration: 800, easing: easeInSine} );
Példa
A #test gomb megnyomása után, simán
rejtsük el a bekezdést a hide metódussal. A
slow kulcsszó átadásával a sebességet
600ms-ra állítjuk. Az animáció befejezése után kiírjuk a
konzolra a 'Animation complete' szöveget:
<button id="test">Szöveg elrejtése</button>
<p>Szöveg</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
