Metodo jQuery effetto slideToggle()

Metodi di Effetto jQuery

Il metodo slideToggle() inslideUp()eslideDown()Cambiare tra i metodi.

Questo metodo verifica la visibilità dell'elemento selezionato:

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

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

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

Sintassi:

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

Esempio

Cliccando sul pulsante, passare tra l'alto e il basso di tutti gli elementi <p>:

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

UtilizzodurationParametro:

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

UtilizzocallbackParametro:

$("button").click(function(){
　　$("div").slideToggle(1500, function(){});
　　　　alert("Completo l'effetto di scorrimento!!!");
　　});
});

Usa un tempo di durata lento e un easing lineare per commutare tutti i “.panel”:

$("#my-Div").click(function(){
　　$(".panel").slideToggle("lento", "lineare");
});

Valore del Parametro

Metodi di Effetto jQuery