Los últimos tutoriales de desarrollo web
 

jQuery fadeToggle() Method

<Métodos de efectos jQuery

Ejemplo

Alternar entre la decoloración y desaparición diferentes cajas:

$("button").click(function(){
    $("#div1").fadeToggle();
});
Inténtalo tú mismo "

Definición y Uso

El fadeToggle() método alterna entre la fadeIn() y fadeOut() métodos.

Si los elementos se desvanecieron, fadeToggle() se desvanecerá en.

Si los elementos se desvanecieron en, fadeToggle() se desvanecerá a cabo.

Nota: Los elementos ocultos no se mostrarán en absoluto (ya no afecta al diseño de la página).


Sintaxis

$(Selector).fadeToggle(velocidad, facilitando, de devolución de llamada)

Parámetro Descripción
speed Opcional. Especifica la velocidad del efecto de atenuación. El valor por defecto es de 400 milisegundos

Valores posibles:

  • milisegundos
  • "slow"
  • "fast"
easing Opcional. Especifica la velocidad del elemento en diferentes puntos del efecto. El valor por defecto es "swing"

Valores posibles:

  • "swing" - se mueve más lento al principio / final, pero más rápido en el medio
  • "linear" - se mueve en una velocidad constante
Consejo: Más funciones de aceleración están disponibles en los módulos externos
callback Opcional. Una función que se ejecuta después de la fadeToggle() se completa el método

Para obtener más información acerca de devolución de llamada, por favor lea nuestra jQuery devolución de llamada capítulo

Inténtelo usted mismo - Ejemplos

fadeToggle() - Utilizando el parámetro de velocidad
Como utilizar el parámetro de velocidad para especificar la velocidad del efecto de atenuación.

fadeToggle() - Utilizando el parámetro de devolución de llamada
Cómo utilizar el parámetro de devolución de llamada para ejecutar una función después de la fadeToggle() se completa método.


<Métodos de efectos jQuery