The Proper Way of Using jQuery .fadeOut() Explained

jQuery fadeOut: Main Tips

• jQuery .fadeOut() runs a fade out animation on the selected element.
• Once the animation finishes, the element is transparent.

Writing and Using .fadeOut()

The jQuery .fadeOut() method animates the opacity of the selected element, thus creating a fade out animation.

$("a").hover(() => {
    $("div").fadeOut();
});

Here is the syntax you would use for this method:

$("selector").fadeOut(length, easing, callback);

.fadeOut() jQuery method takes three arguments:

• length describes the duration of the animation in milliseconds (400 by default), or using keywords slow (600 ms) and fast (200 ms).
• easing defines if the animation speed is linear (linear), or starts off slow and speeds up (swing - the default value).
• callback names a function to call once the animation finishes.