Método toggle() de la función de efecto jQuery

Métodos de efecto de jQuery

El método toggle() de la función de efecto jQueryhide()yshow()Cambia entre métodos.

Este método verifica la visibilidad del elemento seleccionado:

• Si el elemento estaba visible inicialmente, se ocultará

• Si el elemento estaba oculto inicialmente, se mostrará

Nota:Los elementos ocultos ya no afectarán el diseño de la página.

Sintaxis:

$(selector).toggle(duración, suavizado, retroalimentación)

Ejemplo

Cambia entre ocultar y mostrar todos los elementos <p> al hacer clic en el botón:

$("button").click(function(){
　　$("p").toggle();
});

UsadurationParámetros:

$("button").click(function(){
　　$("p").toggle();1500);
});

UsacallbackParámetros:

$("button").click(function(){
　　$("div").toggle();1500, function(){
　　　　alert("¡Efecto toggle() completado!!!");
　　});
});

Crea animaciones para todos los intervalos (por ejemplo, palabras) para ocultar rápidamente/Muestra y en2Completa cada animación en 00 milisegundos:

$("button").click(function(){
　　$("span:first-child").toggle("fast", function(){
　　　　$(this).next().toggle("fast", arguments.callee);
　　});
});

Valor del parámetro

Métodos de efecto de jQuery