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:

javascript.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ó:

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

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

javascript.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:

javascript.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:

javascript.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:

javascript.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:

html<button id="test">Szöveg elrejtése</button>
<p>Szöveg</p>

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

Lásd még