jQuery - método slideDown() de efecto

Manual de efectos jQuery

Ejemplo

Mostrar el elemento <p> oculto de manera deslizante:

$(".btn2").click(function(){
  $("p").slideDown();
});

Prueba personal

Definición y uso

El método slideDown() muestra elementos ocultados seleccionados utilizando un efecto de deslizamiento.

Sintaxis

$(selector).slideDown(speed,callback)
Parámetros Descripción
speed

Opcional. Especificar la velocidad a la que el elemento debe ocultarse o hacerse visible (o viceversa). El valor predeterminado es "normal".

Valores posibles:

  • Milisegundos (por ejemplo, 1500)
  • "slow"
  • "normal"
  • "fast"

En caso de que se establezca la velocidad, el elemento cambiará gradualmente su altura durante el proceso de ocultarse y volverse visible.
callback

Opcional. Función a ejecutar después de que se ejecute la función slideDown.

Para obtener más información sobre callback, visite el capítulo jQuery Callback de nuestro sitio.

No se puede establecer este parámetro a menos que se haya configurado el parámetro speed.

Consejos y notas

Consejo:Si el elemento ya está completamente visible, este efecto no produce ningún cambio, a menos que se especifique una función callback.

Nota:Este efecto es aplicable a los elementos ocultados por jQuery o a los elementos declarados con display:none en CSS (pero no se aplica a los elementos con visibility:hidden).

Más ejemplos

Usar el parámetro speed
Usar el parámetro speed para ocultar y mostrar elementos.

Manual de efectos jQuery