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:
|
easing | Opcional. Especifica la velocidad del elemento en diferentes puntos de la animación. El valor por defecto es "swing" Valores posibles:
|
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.