Metoda show
Metoda show gladko prikaže skrite
elemente. Elemente lahko skrijete z metodo
hide.
Sintaksa
Prikaz v določenem času v milisekundah,
400ms privzeto:
.show(trajanje);
Čas lahko določite ne le v milisekundah,
ampak tudi s ključnimi besedami slow (600ms)
in fast (200ms), večja kot je vrednost,
počasnejša je animacija:
.show('slow' ali 'fast');
Če parametrov ne navedete - animacije ne bo, elementi bodo prikazani takoj:
.show();
Kot drugi parameter lahko podate tudi funkcijo zaubljanja, in kot tretji callback funkcijo - se izvede po zaključku animacije. Oba parametra sta neobvezna:
.show(trajanje, [funkcija zaubljanja], [callback-funkcija]);
Metodi lahko podate različne možnosti, v obliki JavaScript objekta, ki vsebuje pare ključ: vrednost:
.show(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 zaubljanja:
.show( {duration: 800, easing: easeInSine} );
Primer
Po pritisku na gumb gladko prikažimo
skriti odstavek z metodo show. S podajanjem
ključne besede slow nastavimo hitrost
na 600ms. Po koncu animacije izpišemo v
konzolo 'Animacija je končana':
<button>prikaži besedilo</button>
<p style="display: none">besedilo</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
