Méthode jQuery fadeToggle()

❮ Méthodes d'effet jQuery

Exemple

Basculer entre le fondu entrant et le fondu sortant de différentes cases :

$("button").click(function(){
  $("#div1").fadeToggle();
});

Définition et utilisation

La méthode fadeToggle() bascule entre les méthodes fadeIn() et fadeOut() .

Si les éléments sont fondus, fadeToggle() les fera apparaître.

Si les éléments sont fondus, fadeToggle() les fera disparaître.

Note : Les éléments masqués ne seront plus du tout affichés (n'affecte plus la mise en page de la page).


Syntaxe

$(selector).fadeToggle(speed,easing,callback)

Parameter Description
speed Optional. Specifies the speed of the fading effect. Default value is 400 milliseconds

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the effect. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the fadeToggle() method is completed

To learn more about callback, please read our jQuery Callback chapter

Essayez-le vous-même - Exemples


de vitesse Comment utiliser le paramètre de vitesse pour spécifier la vitesse de l'effet de fondu.


Comment utiliser le paramètre callback pour exécuter une fonction une fois la méthode fadeToggle() terminée.


❮ Méthodes d'effet jQuery