Ejemplo
Alternar entre slideUp() y slideDown() para todos los <p> elementos:
$("button").click(function(){
$("p").slideToggle();
});
Inténtalo tú mismo " Definición y Uso
El slideToggle() método alterna entre slideUp() y slideDown() para los elementos seleccionados.
Este método comprueba los elementos seleccionados para la visibilidad. slideDown() se ejecuta si un elemento está oculto. slideUp() se ejecuta si un elemento es visible - Esto crea un efecto de palanca.
Sintaxis
$(selector).slideToggle(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 slideToggle() 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
slideToggle() - Utilizando el parámetro de velocidad
Como utilizar el parámetro de velocidad para especificar la velocidad del efecto de deslizamiento.
slideToggle() - Utilizando el parámetro de devolución de llamada
Cómo utilizar el parámetro de devolución de llamada al alternar entre slideUp() y slideDown() .