在点击上放置FadeIn动画，在点击时放置FadeOut

Question

我在点击时停止fadeIn动画时遇到问题。发生的事情是当按下按钮时动画淡入但2秒后淡出。下面是我的代码，我无法弄清楚如何在点击时停止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");
    });
});