Metoda hide
Metoda hide gladko skrije elemente. Prikazati
elemente je mogoče z metodo
show.
Sintaksa
Izginotje v določenem času,
400ms privzeto:
.hide(trajanje);
Časa ni mogoče nastaviti le v milisekundah,
ampak tudi s ključnimi besedami slow (600ms)
in fast (200ms), večja kot je vrednost,
počasnejša je animacija:
.hide('slow' ali 'fast');
Če parametrov ne navedete - animacije ne bo, elementi se bodo skrili takoj:
.hide();
Kot drugi parameter lahko podate tudi funkcijo gladkosti, in kot tretji callback funkcijo - se sproži po izvedbi animacije. Oba parametra nista obvezna:
.hide(trajanje, [funkcija gladkosti], [callback-funkcija]);
Metodi lahko podate različne možnosti, v obliki JavaScript objekta, ki vsebuje pare ključ: vrednost:
.hide(možnosti);
Takšen objekt lahko prenaša naslednje
parametre in funkcije - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Opis
teh parametrov si lahko ogledate za metodo
animate. Na primer,
nastavimo trajanje in funkcijo gladkosti:
.hide( {duration: 800, easing: easeInSine} );
Primer
Po pritisku na gumb #test, gladko
skrijimo odstavek z metodo hide. S podajanjem
ključne besede slow, nastavimo hitrost
na 600ms. Po koncu animacije izpišimo v
konzolo 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
