jquery - Jquery Toggle 行为不稳定

Question

$(function () {
        $("div").toggle(function () {
        $(".green").slideDown('medium');
     }, function () {
        $("div").click(function () {
            $(".green").slideUp('medium');
            });
    });
});

http://jsfiddle.net/bVr2r/181/

行为是单击一次后它会展开，并且只会对第二次单击做出不规律的响应。

我想我必须以某种方式使用 .stop() 但我真的不知道如何。我是这样用的 $(".green").stop().slideUp('medium'); 然而，这完全停止了任何动画行为。

谢谢你的帮助。

Answer 1

您正在切换功能中绑定另一个单击功能。

删除click函数，改成：

$(function () {
    $("div").toggle(function () {
        $(".green").stop().slideDown('medium');
    }, function () {
        $(".green").stop().slideUp('medium');
    });
});

它会工作：http: //jsfiddle.net/bVr2r/182/