jQuery dispone di due metodi per animare la proprietà CSS display
di un elemento, ossia show()
e hide()
. Vediamo in dettaglio questi due metodi.
Sintassi di base
$(elemento).show|hide(durata, callback)
durata
: la durata dell'animazione, espressa sia con parole chiave (normal
,fast
,slow
, predefinitonormal
) che in millisecondicallback
: la funzione che viene eseguita quando l'animazione è completa.
show()
Questo metodo porta il valore CSS none
della proprietà display
fino al valore predefinito per l'elemento selezionato:
show.click(function() {
test.show(1000, function() {
alert('Complete');
});
});
hide()
Questo metodo porta il valore CSS predefinito della proprietà display
fino a none
per l'elemento selezionato:
hide.click(function() {
test.hide(1000, function() {
alert('Complete');
});
});