Tutorial básico de jQuery

Efectos jQuery

El método slideUp() oculta los elementos seleccionados de manera deslizante.

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

Este método se utiliza generalmente conslideDown()Métodos utilizados juntos.

$(selector).slideUp(duration, easing, callback)

Al hacer clic en "#my-Div” oculta " .panel" en la página:

Ejemplo

$("#my-Div").click(function(){
　　$(".panel").slideUp();
});

Al hacer clic en el botón, deslizar hacia arriba todos los elementos <p>:

Ejemplo

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

UsardurationParámetros:

Ejemplo

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

UsarcallbackParámetros:

Ejemplo

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("¡El deslizamiento hacia arriba se completó!");
　　});
});

Usar un tiempo de duración lento y una animación lineal para deslizar hacia arriba todos los " .panel":

Ejemplo

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

Animar todos los intervalos (en este ejemplo, palabras) para deslizar rápidamente, en2completar cada animación en 00 milisegundos:

Ejemplo

$("button").click(function(){
　　$("span:last-child).slideUp("fast", function(){
　　　　$(this).prev().slideUp("fast", arguments.callee);
　　});
});

Parámetros	Descripción
duration	（Opcional）Determina cuánto tiempo durará el efecto de deslizamiento. El valor predeterminado es400 milisegundos Valores posibles: milisegundos (por ejemplo100,500,2000, etcétera) “fast” “slow”
easing	（Opcional）Una cadena que especifica la velocidad de los elementos en diferentes puntos de la animación. El valor predeterminado es “ swing” Valores posibles: “swing”-Al comenzar/Mover más lento al finalizar y más rápido en el medio “linear”-Mover a velocidad constante
callback	（Opcional）Función que se llama una vez completado el método slideUp(), para cada elemento seleccionado