Método jQuery alternar()
Ejemplo
Alterne entre ocultar y mostrar para todos los elementos <p>:
$("button").click(function(){
$("p").toggle();
});
Definición y uso
El método toggle() alterna entre hide() y show() para los elementos seleccionados.
Este método comprueba la visibilidad de los elementos seleccionados. show() se ejecuta si un elemento está oculto. hide() se ejecuta si un elemento está visible: esto crea un efecto de alternar.
Nota : los elementos ocultos no se mostrarán en absoluto (ya no afectan el diseño de la página).
Sugerencia: este método también se puede utilizar para alternar entre funciones personalizadas.
Sintaxis
$(selector).toggle(speed,easing,callback)
| Parameter | Description |
|---|---|
| speed | Optional. Specifies the speed of the hide/show effect Possible values:
|
| easing | Optional. Specifies the speed of the element in different points of the animation. Default value is "swing" Possible values:
|
| callback | Optional. A function to be executed after the toggle() method is completed To learn more about callback, visit our jQuery Callback chapter |
Pruébelo usted mismo - Ejemplos
de velocidad Cómo usar el parámetro de velocidad para especificar la velocidad del efecto ocultar/mostrar.
Cómo usar el parámetro de devolución de llamada al alternar entre el efecto ocultar/mostrar.