Con jQuery, puoi nascondere e mostrare elementi HTML con i metodi hide() e show():
Esempio:
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Sintassi:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
Il parametro opzionale speed specifica la velocità di visualizzazione/nascondimento e può assumere i seguenti valori: “slow”, “fast” o millisecondi.
Il parametro opzionale callback è una funzione da eseguire dopo il completamento del metodo hide() o show() (in un capitolo successivo imparerai di più sulle funzioni callback).
Il seguente esempio dimostra il parametro speed con hide():
Esempio
$(“button”).click(function(){
$(“p”).hide(1000);
});
jQuery toggle()
Puoi anche alternare tra nascondere e mostrare un elemento con il metodo toggle().
Gli elementi mostrati sono nascosti e gli elementi nascosti sono mostrati:
Esempio
$("button").click(function(){
$("p").toggle();
});
Sintassi:
$(selector).toggle(speed,callback);
Il parametro opzionale speed può assumere i seguenti valori: “slow”, “fast” o millisecondi.
Il parametro opzionale callback è una funzione da eseguire dopo il completamento di toggle().
