2

私はこれに対する解決策を見つけようとしましたが、今は立ち往生しています。この質問にある解決策を試しました:すべてのメニューを閉じた状態でアコーディオンをロードするにはどうすればよいですか? (つまり、$("#facts").collapse('hide');etcetera を追加しようとしている) しかし、運が悪い。

ここで作業する 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 と bootstrap collapse.js をロード)

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

2 に答える 2

4

そのための js は必要ありません。ページの読み込み中、折りたたみ要素は自動的に非表示になります。

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

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

于 2013-04-26T09:12:40.973 に答える