FadeToggle淡入淡出持续时间

Question

这可能是一个愚蠢的问题，但我无法弄清楚如何才能增加渐变持续时间？

window.switchIn = function () {
$('.red').fadeToggle(function(){
    $('.blue').fadeToggle(function() {
        setTimeout(function() {window.switchOut();}, 3000);
    });
});

}

setTimeout(function() {window.switchIn();}, 3000)

Answer 1

$('yourSelector').fadeToggle(yourDuration,function() { functionstoExecute});

From jQuery Doc

.fadeToggle( [duration ] [, easing ] [, complete ] )

持续时间（默认值：400）

输入： 数字或字符串

确定动画运行时间的字符串或数字。

Answer 2

jsfiddle中的示例：http://jsfiddle.net/DhDUV/

<input onclick="$('#x').fadeToggle(1000);" type="button" value="toggle" />
<div id="x">fade text</div>

Answer 3

您可以在.fadeToggle()中设置持续时间。

  

持续时间（默认值：400）

     

类型：数字或字符串字符串或数字

     

确定动画运行的时间。

试试这个：

 $('.blue').fadeToggle("slow", function() {
        //-- Your code
    });

Working Example