jQuery fadeToggle() method

jQuery Effect Methods

The fadeToggle() method is available infadeIn()andfadeOut()Switch between methods.

If the selected elements are faded out, fadeToggle() will fade them in.

If the selected elements are faded in, fadeToggle() will fade them out.

Note:Hidden elements will no longer affect the page layout.

Syntax:

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

Example

Toggle fade-in and fade-out between all <p> elements:

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

UsedurationParameters:

$("button").click(function(){
　　$("p").fadeToggle(1500);
});

UsecallbackParameters:

$("button").click(function(){
　　$("div").fadeToggle(1500, function(){}
　　　　alert("fadeToggle effect completed!!!");
　　});
});

We can implement a fade in and out effect on any element, for example, a simple image:

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

Parameter Values

jQuery Effect Methods