Metodo effetto jQuery toggle()

Metodi di effetto di jQuery

Il metodo toggle() della funzione effetto jQueryhide()eshow()Cambia tra i metodi.

Questo metodo verifica la visibilità dell'elemento selezionato:

• Se l'elemento è visibile all'inizio, allora verrà nascosto

• Se l'elemento è nascosto all'inizio, allora verrà visualizzato

Attenzione:Gli elementi nascosti non influenzeranno più la layout della pagina.

Sintassi:

$(selector).toggle(durata, easing, callback)

Esempio

Cliccando sul pulsante, cambia tra nascondere e mostrare tutti gli elementi <p>:

$("button").click(function(){
　　$("p").toggle();
});

UtilizzodurationParametro:

$("button").click(function(){
　　$("p").toggle(1500);
});

UtilizzocallbackParametro:

$("button").click(function(){
　　$("div").toggle(1500, function(){
　　　　alert("toggle() effetto completato!!!");
　　});
});

Crea un'animazione per tutti i tag span (nel esempio una parola) per nascondere/visualizzare rapidamente e completare ogni animazione in 200 millisecondi:

$("button").click(function(){
　　$("span:first-child").toggle("fast",　function(){
　　　　$(this).next().toggle("fast",　arguments.callee);
　　});
});

Valore del parametro

Metodi di effetto di jQuery