Metodas hide
Metodas hide sklandiai paslepia elementus. Parodyti
elementus galima naudojant metodą
show.
Sintaksė
Išnykimas per nustatytą laiką,
400ms pagal nutylėjimą:
.hide(trukmė);
Laiką galima nurodyti ne tik milisekundėmis,
bet ir raktažodžiais slow (600ms)
ir fast (200ms), kuo didesnė reikšmė,
tuo lėtesnė animacija:
.hide('slow' arba 'fast');
Jei nenurodyti parametrai - animacijos nebus, elementai bus paslėpti akimirksniu:
.hide();
Taip pat antruoju parametru galima perduoti sklandumo funkciją, o trečiuoju callback funkciją - suveiks po animacijos užbaigimo. Abu parametrai nėra privalomi:
.hide(trukmė, [sklandumo funkcija], [callback funkcija]);
Metodui galima perduoti įvairias parinktis, JavaScript objekto pavidalu, kuriame yra poros raktas: reikšmė:
.hide(options);
Tokiame objekte galima perduoti šiuos
parametrus ir funkcijas - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Aprašymą
šių parametrų galite peržiūrėti metodui
animate. Pavyzdžiui,
nustatykime trukmę ir sklandumo funkciją:
.hide( {duration: 800, easing: easeInSine} );
Pavyzdys
Po mygtuko #test paspaimo, sklandžiai
paslėpkime pastraipą naudodami metodą hide. Perduodami
raktažodį slow, nustatysime greitį
į 600ms. Baigus animaciją, išvesime į
konsolę 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
