我不确定我是否设置错误,但默认的Bootstap崩溃/手风琴只是添加 .
<a class="collapsed"> </a>
在您第一次显示并且未显示应该按下任一按钮之后 .
我需要在已经折叠的类中加载页面,然后在单击后执行打开和关闭功能 .
设置一个fiddle基本上两个链接应该是红色的,但是在你点击任一按钮后它们只会变成红色 .
绝对奇怪的是,它并没有把崩溃的课程放在那里开始 . 您可以使用JavaScript轻松解决它 .
$('[data-toggle="collapse"]').addClass("collapsed");
这将直接将类添加到元素并允许您的CSS样式正确应用 .
就我而言,面板主体声明中的剩余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>
拿走这部分它开始按预期工作 .
2 回答
绝对奇怪的是,它并没有把崩溃的课程放在那里开始 . 您可以使用JavaScript轻松解决它 .
这将直接将类添加到元素并允许您的CSS样式正确应用 .
就我而言,面板主体声明中的剩余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>
拿走这部分它开始按预期工作 .