jQuery - 如果单击，则关闭已打开的切换

Question

浏览一下stackoverflow，但看不到类似的问题。

我只是希望能够关闭与切换相关联的open div。目前它只是重放切换效果并将其滑动打开，使div始终打开/显示。

http://jsfiddle.net/Bx9Ya/

因此，如果单击，则打开关联的div。如果再次单击，则将相关的div滑动回来。

Answer 1

喜欢这个？ http://jsfiddle.net/Bx9Ya/4/ 仅当切换元素不可见时隐藏所有div ...

Answer 2

问题是，在你想要显示的那个上调用toggle（）之前，你明确地用这一行点击功能隐藏了所有这些DIV：

$('[class^=toggle-item]').hide();

如果您隐藏了所有内容，请切换一种方法将其打开。

检查这个小提琴，检查可见状态，然后根据它做出决定：http://jsfiddle.net/JAAulde/Bx9Ya/6/