Jquery：new FadeToggle，我可以在切換的第二個動作上運行代碼嗎？

Question

所以當我點擊#mybutton它會褪色在.mybox。是否有可能在第一次切換之前添加.animate({'width':'toggle'})或添加.delay(2000)之類的內容，然後在第二次激活切換時未激活延遲？ 我該怎麼做？最簡單/最簡單的方法？

這裏是我的代碼工作：

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

Answer 1

使用one()綁定一個一次性的事件處理程序，然後結合「真正的」永久的事件處理函數將在這裏工作：

var box = $('#box'); 

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

看到這個簡單的演示在這裏：http://jsfiddle.net/yijiang/2m3bb/

Answer 2

這是我怎麼會做它，使用setTimeout()：

var firstClick = true; 

$('#mybutton').click(function(){ 
    if (firstClick) { 
     setTimeout(function() { 
      $('.mybox').fadeToggle(500); 
      firstClick = false; // #mybutton has been clicked once, we no longer want to wait before toggling on subsequent clicks of #mybutton 
     }); 
    } else { 
     $('.mybox').fadeToggle(500); 
    }  
}) 

Answer 3

可以使用的只是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); 
    } 
); 
})