The fadeOut( ) method fades out all selected/matched elements by applying the opacity to 0, then setting display to “none” . Finally the optional callback will be triggered after completion of animation.
Syntax
.fadeOut(
[duration ] [easing] [callback] )
Ex : $(“#div”).fadeOut(“slow”);
Duration/speed
It specifies the speed of the fadein. The valuse may be slow, fast and milliseconds. (default value: 400)
Easing
It specifies the easing function to be used for transition (default value: swing).
Callback
A function to call once the animation is complete.
Example: Without Option(parameter)
From the below code, the “divFadeBox” been visible on the initial load. After clicking “divButton” the click event been triggered and the fadeOut() will be executed on the “divFadeBox”. Finally “display:none” will be set to the matched element.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.