使用hide / show jquery animate时奇怪的“双回调”

Question

我有一个隐藏着.hide的div和点击打开使用.show("slide", { direction: "left" }, 1000);这一切都很好，在我点击按钮，点击触发div被隐藏，这是使用

$('.hide-content').click(function () {
     $(".slide-out").hide("slide", {
         direction: "left"
     }, 1000);
});

它有效，但一旦隐藏它再次打开然后很快关闭..它真的很奇怪，因为我看不到任何js导致它。

我在这里做了一个小问题 - http://jsfiddle.net/vUZuY/ - 复制它：点击OPEN然后滚动到打开的div的底部并点击hide，你会看到它在关闭后如何反弹。

Answer 1

好的，我注意到了两个问题：

1. 每次打开div 时，您都会重新绑定隐藏事件。看起来你正在从其他来源加载，所以这在你的实际实现中可能会很好。
2. 真实问题：在您的标记中，您有一个“关闭”链接，其中包含一个段落。两者都有“隐藏内容”类 - 所以你将它设置为两次激活此事件。 （一旦点击，一次点击

   ）;

我快速编辑了你的小提琴：http://jsfiddle.net/vUZuY/2/，给出了一个唯一的ID并绑定了它。