停止淡出动画在点击和淡出点击

Stoping a FadeIn Animation on click and FadeOut on Click

本文关键字：淡出 出点 动画      更新时间：2023-09-26

我有问题停止淡出动画点击。当按下按钮时，动画淡入，但2秒后淡出。下面是我的代码，我不知道如何在点击时停止淡出，然后在点击时淡出。

$(document).ready(function () {
    $("#toggle").click(function () {
        $("#menu").fadeIn("slow");
    });
    $("#toggle").click(function () {
        $("#menu").fadeOut("slow");
    });
});
http://jsfiddle.net/f2z6bxk5/

将#toggle元素上的click事件绑定两次，单击后两个处理程序都将运行。

使用fadeToggle和stop

更新小提琴 

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