Jquery:new FadeToggle，我可以在切换的第二个动作上运行代码吗？

因此，当我单击

#mybutton

时，它将在

.mybox

中淡出。是否可以将我的代码放在下面，并添加类似

.animate（{'width'：'toggle'}）

或在第一次切换之前添加

.delay（2000）

，然后在第二次激活切换时不激活延迟？ 我该怎么做？最简单的方法

以下是我的代码：

$('#mybutton').click(function(){
  $('.mybox').fadeToggle(500)
})

---

以下是我的做法，使用：

---

以下是我的做法，使用：

---

您可以只使用

toggle（）

而不是

fadeToggle（）

来获得更多的控制

$('#mybutton').click(function(){
var firstTime = true;
$('.mybox').toggle(
    function () {
        $(this).fadeIn(500);
    },
    function () {
        if (firstTime)
        { $(this).delay(2000); }
        $(this).animate({'width':'toggle'}).fadeOut(500);
    }
);
})

---

您可以只使用

toggle（）

而不是

fadeToggle（）

来获得更多的控制

$('#mybutton').click(function(){
var firstTime = true;
$('.mybox').toggle(
    function () {
        $(this).fadeIn(500);
    },
    function () {
        if (firstTime)
        { $(this).delay(2000); }
        $(this).animate({'width':'toggle'}).fadeOut(500);
    }
);
})

使用绑定一次性事件处理程序，然后绑定“真正的”永久事件处理程序将在此处工作：

var box = $('#box');

$('a').one('click', function(){
    box.delay(2000).fadeToggle();
    $(this).click(function(){
        box.fadeToggle();
        return false;
    });
    return false;
});

请参见此处的简单演示：

使用绑定一次性事件处理程序，然后绑定“真实”永久事件处理程序将在此处工作：

var box = $('#box');

$('a').one('click', function(){
    box.delay(2000).fadeToggle();
    $(this).click(function(){
        box.fadeToggle();
        return false;
    });
    return false;
});

请参见此处的简单演示：