Metoda hide
Metoda hide fsheh elementet në mënyrë të butë. Elementet
mund të shfahen me anë të metodës
show.
Sintaksa
Zhdukje për një kohë të caktuar,
400ms si parazgjedhje:
.hide(kohëzgjatja);
Koha mund të specifikohet jo vetëm në milisekonda,
por edhe me fjalë kyçe slow (600ms)
dhe fast (200ms), sa më e madhe të jetë vlera,
aq më e ngadaltë është animacioni:
.hide('slow' ose 'fast');
Nëse nuk specifikohen parametra - nuk do të ketë animacion, elementet do të fshihen në çast:
.hide();
Gjithashtu, si parametër të dytë mund të kaloni një funksion për lëvizje të butë, dhe si parametër të tretë një funksion callback - i cili do të ekzekutohet pas përfundimit të animacionit. Të dy parametrat nuk janë të detyrueshëm:
.hide(kohëzgjatja, [funksion për lëvizje të butë], [funksion callback]);
Metodës mund t'i dërgohen opsione të ndryshme, në formën e një objekti JavaScript, që përmban çifte çelës: vlerë:
.hide(opsione);
Një objekt i tillë mund të kalojë parametrat dhe funksionet
në vijim - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Përshkrimet
e këtyre parametrave mund t'i gjeni për metodën
animate. Për shembull,
le të vendosim kohëzgjatjen dhe funksionin për lëvizje të butë:
.hide( {duration: 800, easing: easeInSine} );
Shembull
Le të themi, pasi të klikojmë butonin #test, të fshehim në mënyrë të butë
paragrafin duke përdorur metodën hide. Duke kaluar
fjalën kyçe slow, do të vendosim shpejtësinë
në 600ms. Pas përfundimit të animacionit, do të shkruajmë në
konsolën 'Animation complete':
<button id="test">fsheh tekstin</button>
<p>tekst</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});