Méthode fadeIn() de l'effet jQuery

Guide de référence des effets jQuery

Exemple

Afficher un élément <p> caché en utilisant l'effet d'apparition progressive :

$(".btn2").click(function(){
  $("p").fadeIn();
});

Essayer par vous-même

Définition et utilisation

La méthode fadeIn() utilise un effet d'apparition progressive pour afficher l'élément sélectionné, si cet élément est caché.

Syntaxe

$(selector).fadeIn(speed,callback)
Paramètres Description
speed

Optionnel. Définir la vitesse à laquelle l'élément devient visible après avoir été caché. La valeur par défaut est "normal".

Valeurs possibles :

  • Millisecondes (par exemple, 1500)
  • "slow"
  • "normal"
  • "fast"

Lorsque vous définissez la vitesse, l'élément change progressivement sa transparence pendant la transition de caché à visible (ce qui crée un effet d'apparition progressive).
callback

Optionnel. Fonction à exécuter après l'exécution de la fonction fadeIn.

Pour en savoir plus sur callback, visitez notre chapitre sur jQuery Callback.

Vous ne pouvez pas définir ce paramètre si vous ne l'avez pas configuré.

Astuce et remarque

Astuce :Si l'élément est déjà visible, cet effet n'apporte aucune modification, sauf si une fonction callback est spécifiée.

Remarque :Cet effet s'applique aux éléments cachés via jQuery, ou aux éléments déclarés display:none dans CSS (mais ne s'applique pas aux éléments visibility:hidden).

Plus d'exemples

Utilisez le paramètre speed
Utilisez le paramètre speed pour faire apparaître ou disparaître des éléments.

Guide de référence des effets jQuery