引导折叠仅显示类 .collapsed 在第一次单击后答案

【问题标题】：Bootstrap collapse only showing class .collapsed after first click引导折叠仅显示类 .collapsed 在第一次单击后
【发布时间】：2014-10-02 02:52:44
【问题描述】：

我不确定我是否设置错了，但默认的 Bootstap 折叠/手风琴只是添加。

  <a class="collapsed"> </a>

在您第一次单击任一按钮后，它会显示并且未按应显示的方式显示。

我需要加载页面，其中已经折叠了类，然后像单击后一样打开和关闭。

设置fiddle 基本上这两个链接应该是红色的，但它们只有在您单击任一按钮后才会变为红色。

【问题讨论】：

标签： twitter-bootstrap accordion collapse

【解决方案1】：

它一开始就没有把折叠的类放在那里，这真是太奇怪了。不过，您可以使用 JavaScript 轻松解决它。

$('[data-toggle="collapse"]').addClass("collapsed");

这将直接将类添加到元素并允许您的 CSS 样式正确应用。

【讨论】：

【解决方案2】：

就我而言，是面板主体声明中的剩余 class="panel-body" 造成了问题。

<div class="panel panel-default"> <div class="panel-heading"> <div class="row"> <div class="col-sm-3" align="left"></div> <div class="col-sm-6" align="center">3-PHASE CURRENT</div> <div class="col-sm-3" align="right"><a href="#I-EFF-content" data-toggle="collapse">Show/Hide</a></div> </div> </div> <div **class="panel-body"** id="I-EFF-content" class="panel-collapse collapse in"> </div> </div>

去掉这部分，它开始正常工作。

【讨论】：