Metode hide
Metode hide gludi paslēpj elementus. Rādīt
elementus var ar metodes
show
palīdzību.
Sintakse
Pazūšana noteiktā laikā,
pēc noklusējuma 400ms:
.hide(duration);
Laiku var norādīt ne tikai milisekundēs,
bet arī ar atslēgvārdiem slow (600ms)
un fast (200ms), jo lielāka vērtība,
jo lēnāka animācija:
.hide('slow' vai 'fast');
Ja neizmantojat parametrus - animācijas nebūs, elementi tiks paslēpti acumirklī:
.hide();
Kā otro parametru var padot arī animācijas funkciju, un kā trešo - callback funkciju - tā darbosies pēc animācijas pabeigšanas. Abi parametri nav obligāti:
.hide(duration, [easing], [callback]);
Metodei var padot dažādas opcijas, JavaScript objekta veidā, kas satur pārus key: value:
.hide(options);
Šāds objekts var padot sekojošus
parametrus un funkcijas - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Šo
parametru aprakstu var apskatīt metodes
animate ietvaros. Piemēram,
iestatīsim ilgumu un animācijas funkciju:
.hide( {duration: 800, easing: easeInSine} );
Piemērs
Nospiežot pogu #test, gludi
paslēpsim rindkopu ar metodes hide palīdzību. Padodot
atslēgvārdu slow, mēs iestatīsim ātrumu
uz 600ms. Pēc animācijas pabeigšanas izvadīsim
konsolē 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
