集jQuery的切換回開始

Question

我有這樣的代碼來顯示/隱藏（切換）點擊一個鏈接時，一個div：

$('#complete-services-link').toggle(
    function() { 
     $('#complete-services-box').fadeIn('fast'); 
    }, 
    function() { 
     $('#complete-services-box').fadeOut('fast'); 
    } 
); 

的#complete-services-box是正在顯示/隱藏股利，通常你會點擊在鏈接上再次關閉框，但如果我這樣做，你可以點擊框關閉它，然後點擊切換鏈接，我將不得不雙擊它，因爲鏈接正在監聽第二個功能$('#complete-services-box').fadeOut('fast');。

我想這樣做，當我點擊框上面的代碼重新開始。我想這沒有運氣：

$('#complete-services-link').toggle(
    function() { 
     $('#complete-services-box').fadeIn('fast'); 
    }, 
    function() { 
     $('#complete-services-box').fadeOut('fast'); 
     $('#complete-services-box').click(function() { 
      $('#complete-services-box').fadeOut('fast'); 
     }); 
    } 
); 

Answer 1

使用.stop(true,true)這樣，

$('#complete-services-link').toggle(
    function() { 
     $('#complete-services-box').stop(true,true).fadeIn('fast'); 
    }, 
    function() { 
     $('#complete-services-box').stop(true,true).fadeOut('fast'); 
    } 
);