引导最初是折叠的元素

我使用bootstrap模板，我想通过默认的方式来改变的accordion作品。引导最初是折叠的元素

我怎样才能关闭切换页面时，首先看到的（根据负荷）？

<div class="accordion-heading"> 
    <a class="accordion-toggle" 
     data-toggle="collapse" 
     data-parent="#accordion2" 
     href="#collapseOne">Open!</a> 
</div> 
<div id="collapseOne" class="accordion-body collapse in"> 
    <div class="span6"> 
     <div class="well well-small"> 
      <div class="accordion-toggle"> 
       ...some text... 
      </div> 
     </div> 
    </div> 
    <div class="span2"></div>        
</div>

来源

2013-04-22 JoshuaJeanThree

难道你不明白你最初想折叠手风琴吗？ – PSL 2013-04-22 15:28:45

是的，我希望它在页面加载时关闭。 – JoshuaJeanThree 2013-04-22 22:28:51

好的。只需要删除“in”。请看答案... – PSL 2013-04-22 22:45:59

删除“在”当你展开或折叠手风琴它只是增加/删除一个类“中”，并设置height:auto或0手风琴股利。

Demo

所以在你的手风琴，当你定义它刚刚从DIV去掉“在”类，如下。无论何时您扩展accorion，它都会添加“in”类以使其可见。

如果渲染与页面“中的”引导寻找类，它将使div的高度：汽车，如果它不存在，它会在零高度。

<div id="collapseOne" class="accordion-body collapse">

来源

2013-04-22 22:45:28 PSL

您需要从“崩溃”

来源

2013-04-22 22:15:47 elektrorl

另一个解决方案是增加拨动= false添加到崩溃的目标，这将阻止它随意打开和关闭该情况发生，如果你只是删除了“在”

如

<div class="accordion-heading"> 
    <a class="accordion-toggle" 
     data-toggle="collapse" 
     data-parent="#accordion2" 
     href="#collapseOne">Open!</a> 
</div> 
<div 
    id="collapseOne" 
    class="accordion-body collapse" 
    data-toggle="false" 
    > 
    <div class="span6"> 
     <div class="well well-small"> 
      <div class="accordion-toggle"> 
       ...some text... 
      </div> 
     </div> 
    </div> 
    <div class="span2"></div>        
</div>

来源

2014-06-20 14:41:35 aqm

这帮助了我很多。我有一个div应该首先显示，然后使用切换键隐藏。但是，如果没有data-toggle =“false”，它首先会将div（它看起来很愚蠢，因为它已经可见）淡化，然后从第二个切换开始，它将按预期工作。 – 2014-09-02 11:42:50

也解决了我的问题，谢谢。我的div（包含一个按钮）最初是崩溃的，并且会奇怪地显示并隐藏前两次任何在编辑上面的窗体中的东西... – 2014-11-07 06:31:25

谢谢！这解决了我的问题。首先，我从来没有'入'过，并且最初还是扩大了。添加data-toggle =“false”为我解决了它。 – 2015-10-01 01:17:27

-2

如果删除in类对您不起作用，那么这是我的情况，您可以使用CSS显示属性强制合拢的初始状态：

... 
<div id="collapseOne" class="accordion-body collapse" style="display: none;"> 
...

来源

2016-08-24 04:51:05

怪异看到引导被误会...... – 2017-09-19 19:26:41

@VishalKumarSahu有时候你无法控制，其中实现代码的情况下，有时客户只是不支付重新编码，或调试。你必须适应。 – 2017-09-21 03:12:47

引导最初是折叠的元素

回答

相关问题