在單擊和淡出時單擊淡入淡出動畫點擊

Question

我遇到的問題是在單擊時停止淡入淡出動畫。發生什麼事是按下按鈕時動畫淡入，但2秒後淡出。下面是我的代碼，我無法弄清楚如何在click上停止fadeIn，然後點擊fadeOut。

$(document).ready(function() { 
    $("#toggle").click(function() { 
     $("#menu").fadeIn("slow"); 
    }); 
    $("#toggle").click(function() { 
     $("#menu").fadeOut("slow"); 
    }); 
}); 

http://jsfiddle.net/f2z6bxk5/

Answer 1

的click事件#toggle元素勢必兩次，點擊時都處理程序將會運行。

使用fadeToggle與stop

Updated Fiddle

$(document).ready(function() { 
    $("#toggle").click(function() { 
     $("#menu").stop(true, true).fadeToggle("slow"); 
    }); 
});