Método de efecto slideToggle() de jQuery

Métodos de efecto de jQuery

El método slideToggle() enslideUp()yslideDown()Cambiar entre métodos.

Este método verifica la visibilidad del elemento seleccionado:

• Si el elemento estaba inicialmente visible, se ocultará

• Si el elemento estaba oculto inicialmente, se mostrará

Nota:Los elementos ocultos ya no afectarán el diseño de la página.

Sintaxis:

$(selector).slideToggle(duración, suavizado, callback)

Ejemplo

Al hacer clic en el botón, alternar entre subir y bajar en todos los elementos <p>:

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

UsodurationParámetros:

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

UsocallbackParámetros:

$("button").click(function() {
　　$("div").slideToggle();1500, function() {
　　　　alert("¡El efecto de cambio de deslizamiento se completó!!!");
　　});
});

Usar un tiempo de duración lento y un efecto de aceleración lineal para cambiar todos los “ .panel”:

$("#my-Div").click(function(){
　　$(".panel").slideToggle("slow", “linear”);
});

Valor del parámetro

Métodos de efecto de jQuery