Metodo hide
Il metodo hide nasconde gradualmente gli elementi. Mostrare
gli elementi è possibile con il metodo
show.
Sintassi
Scomparsa in un tempo dato,
400ms di default:
.hide(durata);
Il tempo può essere specificato non solo in millisecondi,
ma anche con le parole chiave slow (600ms)
e fast (200ms), maggiore è il valore,
più lenta è l'animazione:
.hide('slow' o 'fast');
Se non si specificano parametri - non ci sarà animazione, gli elementi verranno nascosti istantaneamente:
.hide();
Si può anche passare come secondo parametro una funzione di easing, e come terzo una funzione callback - che si attiverà al completamento dell'animazione. Entrambi i parametri sono opzionali:
.hide(durata, [funzione di easing], [funzione callback]);
Si possono passare al metodo varie opzioni, sotto forma di un oggetto JavaScript, contenente coppie chiave: valore:
.hide(opzioni);
Un tale oggetto può trasmettere i seguenti
parametri e funzioni - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. La descrizione
di questi parametri la potete vedere per il metodo
animate. Ad esempio,
impostiamo la durata e la funzione di easing:
.hide( {duration: 800, easing: easeInSine} );
Esempio
Dopo aver cliccato il pulsante #test, nascondiamo
gradualmente il paragrafo con il metodo hide. Passando
la parola chiave slow, imposteremo la velocità
a 600ms. Al termine dell'animazione, mostreremo nella
console 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
