I metodi show() e hide() di jQuery

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, predefinito normal) che in millisecondi
callback: 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');
    });
});