Método slideToggle() de jQuery - efectos

Manual de efectos jQuery

Ejemplo

Cambiar entre el estado de visualización y ocultamiento del elemento <p> utilizando efectos de deslizamiento:

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

Pruebe usted mismo

Definición y uso

El método slideToggle() cambia el estado de visibilidad del elemento utilizando efectos de deslizamiento (cambio de altura).

Si el elemento seleccionado es visible, ocultar estos elementos. Si el elemento seleccionado está oculto, mostrar estos elementos.

Sintaxis

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

Opcional. Especificar la velocidad de un elemento de oculto a visible (o viceversa). El valor predeterminado es "normal".

Valores posibles:

  • milisegundos (por ejemplo, 1500)
  • "lento"
  • "normal"
  • "rápido"

Al establecer la velocidad, el elemento cambia gradualmente su altura durante el cambio (creando así un efecto de deslizamiento).
callback

Opcional. Función a ejecutar después de que toggle ejecuta su función.

Para aprender más sobre callback, consulte nuestro capítulo jQuery Callback.

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

Consejos y comentarios

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

Más ejemplos

Utilice el parámetro speed
Utilice el parámetro speed para alternar entre mostrar y ocultar elementos deslizándose

Manual de efectos jQuery