Javascript 在Twitter引导中,我如何阻止所有手风琴在页面加载时瞬间展开?

Javascript 在Twitter引导中,我如何阻止所有手风琴在页面加载时瞬间展开?,javascript,css,html,twitter-bootstrap,Javascript,Css,Html,Twitter Bootstrap,请参阅下页: 页面加载后,左侧的所有手风琴瞬间展开,然后再次隐藏。当页面加载时,我如何停止这一瞬间的展开?给所有假定关闭的未打开的LI一类关闭的更改您的导航html 在打开菜单的主li中添加class=“closed” 像 你是否给出了所有非当前LI的类关闭的?如果@DavidNguyen建议的不是问题,那么可能是手风琴js太晚了。手风琴不是引导式手风琴。这个标题有点误导人。 <ul class="menu

请参阅下页:


页面加载后,左侧的所有手风琴瞬间展开,然后再次隐藏。当页面加载时,我如何停止这一瞬间的展开?

给所有假定关闭的未打开的LI一类
关闭的
更改您的导航html
在打开菜单的主li中添加class=“closed”


你是否给出了所有非当前LI的
类关闭的
?如果@DavidNguyen建议的不是问题,那么可能是手风琴js太晚了。手风琴不是引导式手风琴。这个标题有点误导人。
<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>