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:

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

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

Se non si specificano parametri - non ci sarà animazione, gli elementi verranno nascosti istantaneamente:

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

javascript.hide(durata, [funzione di easing], [funzione callback]);

Si possono passare al metodo varie opzioni, sotto forma di un oggetto JavaScript, contenente coppie chiave: valore:

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

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

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

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

Vedi anche