Question

我不确定我是否设置错误，但默认的Bootstap崩溃/手风琴只是添加。

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

在您第一次显示并且未显示应该按下任一按钮之后，单击任一按钮。

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

设置一个fiddle基本上两个链接应该是红色的，但是在你点击任一按钮后它们只会变成红色。

Answer 1

绝对奇怪的是，它并没有将崩溃的课程放在那里开始。你可以使用JavaScript轻松解决它。

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

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

Answer 2

在我的情况下，它是一个剩余的类=＆＃34; panel-body＆＃34;在导致问题的面板主体声明中。

<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>

剥夺这部分，它开始按预期工作。

Bootstrap折叠仅在第一次单击后显示class .collapsed

2 个答案: