自举崩溃DIV在DOM负载上打开

我试图找到一个解决方案，但现在我卡住了。试过在这个问题中找到的解决方案：How do I get my accordion to load with all the menus closed?（即尝试添加$("#facts").collapse('hide');等）但没有运气。自举崩溃DIV在DOM负载上打开

我有一个的jsfiddle这里工作：http://jsfiddle.net/mwxkr/1/

我的问题是，在页面加载时，倒塌的div是开放的，当再行$(".collapse").collapse('hide');运行的div幻灯片封闭。这在打开页面时看起来像是一个错误。我希望div在页面加载时开始关闭，并保持关闭，直到按下按钮。

一些标记：

<button type="button" class="btn btn-info btn-small" data-toggle="collapse" data-target="#facts">Show facts</button> 
<button type="button" class="btn btn-warning btn-small" data-toggle="collapse" data-target="#more">Show more</button> 
<div id="facts" class="collapse"> 
    <div class="contents"> 
    Some facts... 
    </div> 
</div> 
<div id="more" class="collapse"> 
    <div class="contents"> 
    More facts... 
    </div> 
</div>

JS：（jQuery和引导collapse.js加载）

$(document).ready(function() { 
    $(".collapse").collapse('hide'); 
});

来源

2013-04-26 jtheman

如果您删除$（“。collapse”）。collapse（'hide'）;在你的jsfiddle中，当加载页面时，div没有效果就关闭了。 – Getz 2013-04-26 09:08:54

你并不需要为JS，在加载崩溃元素将自动隐藏页：

<div id="facts" class="collapse">

http://jsfiddle.net/2EwN6/9/

来源

2013-04-26 09:12:40 Getz

好笑。我认为人们需要以某种方式启动可折叠的div，从某处使用该例子。我尝试了很多解决方案，但不仅仅是彻底删除js ....谢谢！ – jtheman 2013-04-26 09:18:29

自举崩溃DIV在DOM负载上打开

回答

相关问题