HTML data-toggle="collapse" 仅在尚未折叠时才折叠答案

【问题标题】：HTML data-toggle="collapse" only collapse if it isn't alreadyHTML data-toggle="collapse" 仅在尚未折叠时才折叠
【发布时间】：2014-04-10 15:05:35
【问题描述】：

如果还没有折叠，我想用按钮折叠 div。我有一个按钮：

<button data-toggle="collapse" data-target="#aim" ...></button>

还有我的div：

<div id="#aim" class="collapse"></div>

我工作得很好，但如果 div 已经打开，请关闭它。

如果还没有折叠它，是否有机会折叠它？

【问题讨论】：

标签： html twitter-bootstrap button

【解决方案1】：

使用带有 on click 和 hide() 的 Javascript。

【讨论】：

从您的<div id="#aim" class="collapse"> 中删除#，它应该可以工作。更多关于 bootstrap 的 data-toggle 属性的信息可以在here找到。
@PhilipScheer：Doh，想将我的评论附加到您的问题中，而不是发布在第一个答案下方。您能否在下面添加您的解决方案作为新答案并将其标记为解决方案，以便将问题标记为已解决？谢谢！
@SaschaM78 如何将您的评论附加到我的问题中？只需编辑我的问题？
@PhilipScheer 我将我的评论添加为新答案，如果这解决了您的问题，如果您将其标记为已接受的答案，我将不胜感激。谢谢！

【解决方案2】：

我的解决方案：

<button data-toggle="collapse" data-target="#aim" ...></button>

<div id="aim" class="collapse in"></div>

因此，当您使用collapse in 而不是collapse 时，它只会扩展并且不会在它已经扩展时再次最小化。

【讨论】：

【解决方案3】：

从您的<div id="#aim" class="collapse"> 中删除#，它应该可以工作。更多关于 bootstrap 的 data-toggle 属性的信息可以在here找到。

（之前的评论添加为可能的答案以帮助结束此问题）。

【讨论】：