.fadeToggle()The .fadeToggle() method in jQuery is used to display or hide the matched elements by animating their opacity.
.fadeToggle() syntax.fadeToggle(options) .fadeToggle(duration[,easing][,complete]);
| Parameter | Type | Description |
|---|---|---|
duration |
Number,String | determining how long the animation will run.Default 400ms(normal) fast:200ms slow:600ms |
complete |
Function | A function to call once the animation is complete. |
easing |
String | an easing function for the transition. Default swing |
options - queue |
Boolean,String | A Boolean indicating whether to place the animation in the effects queue. |
options - specialEasing |
PlainObject | An object containing one or more of the CSS properties defined by the properties argument and their corresponding easing functions. |
options - step |
Function | A function to modify the Tween object to change the value of the property before it is set. |
options - progress |
Function | A function to be called after each step of the animation |
options - complete |
Function | A function to be called when animation is complete |
options - start |
Function | A function to be called when animation begins |
options - done |
Function | A function to be called when the animation on an element completes |
options - fail |
Function | A function to be called when the animation on an element fails to complete |
options - always |
Function | A function always to be called,no matter whether it completes or not |
.fadeToggle() ExamplesFades first paragraph in or out using a linear easing.
$( "p:first" ).fadeToggle( "slow" ,"linear");