Metoda hide

Metoda hide gladko skrije elemente. Prikazati elemente je mogoče z metodo show.

Sintaksa

Izginotje v določenem času, 400ms privzeto:

javascript.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:

javascript.hide('slow' ali 'fast');

Če parametrov ne navedete - animacije ne bo, elementi se bodo skrili takoj:

javascript.hide();

Kot drugi parameter lahko podate tudi funkcijo gladkosti, in kot tretji callback funkcijo - se sproži po izvedbi animacije. Oba parametra nista obvezna:

javascript.hide(trajanje, [funkcija gladkosti], [callback-funkcija]);

Metodi lahko podate različne možnosti, v obliki JavaScript objekta, ki vsebuje pare ključ: vrednost:

javascript.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:

javascript.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':

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

Glejte tudi