javascript - Twitter Bootstrap で、ページの読み込み時にすべてのアコーディオンが一時的に展開しないようにするにはどうすればよいですか?

Question

以下のページを参考に。

http://www.myorange.ca/theme/jarvisadmin/

ページの読み込み時に、左側のすべてのアコーディオンが一時的に展開され、再び非表示になります。ページの読み込み中にこの一時的な展開を停止するにはどうすればよいですか?

Answer 1

ナビゲーションhtmlを変更して、メニューが開くメインliにclass = "closed"を追加します

お気に入り

<ul class="menu" id="accordion-menu-js">
    <li class="closed"><a href="javascript:void(0)"><i class="icon-off"></i>Dashboard <span
        class="badge">2</span></a>
        <ul>
            <li><a href="index.html">Dashboard</a> </li>
            <li><a href="javascript:void(0);" class="logout-js" data-rel="login.html">Logout</a>
            </li>
        </ul>
    </li>
    <li class="closed"><a href="inbox.html" class="expanded"><i class="icon-envelope"></i>
        Inbox</a> </li>
    <li class=""><a href="javascript:void(0)"><i class="icon-check"></i>Forms<span class="badge">3</span></a>
        <ul>
            <li><a href="forms.html">Form Elements</a> </li>
            <li><a href="validation.html">Validation</a> </li>
            <li><a href="wizard.html">Wizards</a> </li>
        </ul>
    </li>
    <li class="closed"><a href="javascript:void(0)"><i class="icon-user"></i>Interface<span
        class="badge">3</span></a>
        <ul>
            <li><a href="interface.html">Interface Elements</a> </li>
            <li><a href="buttons.html">Buttons &amp; Icons</a> </li>
            <li><a href="tables.html">Tables</a> </li>
        </ul>
    </li>
    <li class="closed"><a href="javascript:void(0)"><i class="icon-signal"></i>Charts &amp;
        Graphs<span class="badge">3</span></a>
        <ul>
            <li><a href="basic_charts.html">Basic Charts</a> </li>
            <li><a href="adv_charts.html">Advanced Charts</a> </li>
            <li><a href="raphael.html">Raphael Engine</a> </li>
        </ul>
    </li>
    <li class="closed"><a href="widgets.html"><i class="icon-refresh"></i>Smart Widgets</a>
    </li>
    <li class="closed"><a href="javascript:void(0)"><i class="icon-plus"></i>Bonus<span
        class="badge">4</span></a>
        <ul>
            <li><a href="invoice.html">Invoice</a> </li>
            <li><a href="typography.html">Typography</a> </li>
            <li><a href="chat.html">Chat</a> </li>
            <li><a href="error-page.html">Error Page</a> </li>
        </ul>
    </li>
</ul>

Answer 2

閉じていると思われるすべての開いていない LI に のクラスを与えるclosed