2013-04-26 51 views
1

我試圖找到一個解決方案,但現在我卡住了。試過在這個問題中找到的解決方案: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'); 
}); 
+1

如果您刪除$(「。collapse」)。collapse('hide');在你的jsfiddle中,當加載頁面時,div沒有效果就關閉了。 – Getz 2013-04-26 09:08:54

回答

4

你並不需要爲JS,在加載崩潰元素將自動隱藏頁:

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

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

+1

好笑。我認爲人們需要以某種方式啓動可摺疊的div,從某處使用該例子。我嘗試了很多解決方案,但不僅僅是徹底刪除js ....謝謝! – jtheman 2013-04-26 09:18:29