jQuery fadeToggle () method
Examples
Fade in and out of different boxes of switching:
$("button").click(function(){
$("#div1").fadeToggle();
});
$("#div1").fadeToggle();
});
try it"
Definition and Usage
fadeToggle () method in fadeIn () and fadeOut () between switching method.
If the element is displayed fade, fadeToggle () will display them using a fade-in effect.
If the element is displayed fade, fadeToggle () will display them using a fade-out effect.
Note: The hidden element is not completely displayed (no longer affects the layout of the page).
grammar
$(selector).fadeToggle(speed,easing,callback)
参数 | 描述 |
---|---|
speed | 可选。规定褪色效果的速度。 可能的值:
|
easing | 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。 可能的值:
|
callback | 可选。fadeToggle() 方法执行完之后,要执行的函数。
如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 |
More examples
fadeToggle () - use speed parameter
How to use speed parameter to a predetermined speed fade effect.
fadeToggle () - the use of callback parameters
How to use the callback function parameter executed after fadeToggle () method to complete.