Ejemplo
Alternar entre ocultar y mostrar a todos los <p> elementos:
$("button").click(function(){
$("p").toggle();
});
Inténtalo tú mismo " Definición y Uso
La toggle() método alterna entre hide() y show() para los elementos seleccionados.
Este método comprueba los elementos seleccionados para la visibilidad. show() se ejecuta si un elemento está oculto. hide() se ejecuta si un elemento es visible - Esto crea un efecto de palanca.
Nota: Los elementos ocultos no se mostrarán en absoluto (ya no afecta al diseño de la página).
Consejo: Este método también puede utilizarse para cambiar entre las funciones personalizadas.
Sintaxis
$(selector).toggle(speed,easing,callback)| Parámetro | Descripción |
|---|---|
| speed | Opcional. Especifica la velocidad de la piel / efecto de la presentación 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 toggle() 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
toggle() - Utilizando el parámetro de velocidad
Como utilizar el parámetro de velocidad para especificar la velocidad del efecto de ocultar / mostrar.
toggle() - Utilizando el parámetro de devolución de llamada
Cómo utilizar el parámetro de devolución de llamada al alternar entre el efecto de ocultar / mostrar.