Los últimos tutoriales de desarrollo web
 

jQuery slideDown() Method

<Métodos de efectos jQuery

Ejemplo

Deslizable hacia abajo (mostrar) todos los ocultos <p> elementos:

$("button").click(function(){
    $("p").slideDown();
});
Inténtalo tú mismo "

Definición y Uso

El slideDown() método se desliza hacia abajo (espectáculos) los elementos seleccionados.

Nota: slideDown() funciona en los elementos ocultos con los métodos de jQuery y display: none en CSS (pero no la visibilidad: oculto).

Consejo: Para deslizable (ocultar) elementos, mira el slideUp() método.


Sintaxis

$(selector).slideDown(speed,easing,callback)

Parámetro Descripción
speed Opcional. Especifica la velocidad del efecto de deslizamiento. El valor por defecto es de 400 milisegundos

Valores posibles:

  • milisegundos
  • "slow"
  • "fast"
easing Opcional. Especifica la velocidad del elemento en diferentes puntos de la animación. El valor por defecto es "swing"

Valores posibles:

  • "swing" - se mueve más lento al principio / final, pero más rápido en el medio
  • "linear" - se mueve en una velocidad constante
Tip: Más funciones de aceleración están disponibles en los módulos externos.
callback Opcional. Una función que se ejecuta después de la slideDown() se completa el método

Para obtener más información acerca de devolución de llamada, visite nuestro capítulo de devolución de llamada jQuery


Inténtelo usted mismo - Ejemplos

slideDown() - Utilizando el parámetro de velocidad
Como utilizar el parámetro de velocidad para especificar la velocidad del efecto de deslizamiento.

slideDown() - Utilizando el parámetro de devolución de llamada
Cómo utilizar el parámetro de devolución de llamada cuando se desliza arriba y abajo de los elementos seleccionados.


<Métodos de efectos jQuery