Jquery Toggle具有不稳定的行为

Question

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

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

行为是在一次点击之后展开，它只会不经意地回到第二次点击。

我想我必须以某种方式使用.stop（），但我不知道如何。我用这种方式使用它 $（＆＃34;。绿色＆＃34）停止（）效果基本show。（＆＃39;介质＆＃39）; 但是这完全阻止了任何动画行为。

感谢您的帮助。

Answer 1

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

删除点击功能并将其更改为：

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

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