Método jQuery fadeToggle()
Ejemplo
Alterne entre la aparición y desaparición gradual de diferentes cuadros:
$("button").click(function(){
$("#div1").fadeToggle();
});
Definición y uso
El método fadeToggle() alterna entre los métodos fadeIn() y fadeOut() .
Si los elementos se desvanecen, fadeToggle() los hará aparecer.
Si los elementos aparecen desvanecidos, fadeToggle() los desvanecerá.
Nota : los elementos ocultos no se mostrarán en absoluto (ya no afectan el diseño de la página).
Sintaxis
$(selector).fadeToggle(speed,easing,callback)
Parameter | Description |
---|---|
speed | Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds Possible values:
|
easing | Optional. Specifies the speed of the element in different points of the effect. Default value is "swing" Possible values:
|
callback | Optional. A function to be executed after the fadeToggle() method is completed
To learn more about callback, please read 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 de desvanecimiento.
Cómo usar el parámetro de devolución de llamada para ejecutar una función después de completar el método fadeToggle().