Metodo show
Il metodo show visualizza fluidamente gli elementi
nascosti. Gli elementi possono essere nascosti utilizzando il metodo
hide.
Sintassi
Visualizzazione per un tempo specificato in millisecondi,
400ms per impostazione predefinita:
.show(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:
.show('slow' o 'fast');
Se non si specificano parametri - non ci sarà animazione, gli elementi verranno visualizzati istantaneamente:
.show();
È anche possibile passare come secondo parametro una funzione di easing, e come terzo parametro una funzione di callback - che verrà eseguita al termine dell'animazione. Entrambi i parametri sono opzionali:
.show(durata, [funzione di easing], [funzione di callback]);
È possibile passare al metodo varie opzioni, sotto forma di un oggetto JavaScript, contenente coppie chiave: valore:
.show(opzioni);
Un tale oggetto può passare i seguenti
parametri e funzioni - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. La descrizione
di questi parametri può essere consultata per il metodo
animate. Ad esempio,
impostiamo la durata e la funzione di easing:
.show( {duration: 800, easing: easeInSine} );
Esempio
Dopo aver cliccato il pulsante, visualizziamo fluidamente
un paragrafo nascosto utilizzando il metodo show. Passando
la parola chiave slow, imposteremo la velocità
a 600ms. Al termine dell'animazione, visualizzeremo nella
console 'Animation complete':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
