4

Bootstrap の折りたたみプラグインを使用しようとしていますが、ほとんど成功していません。非表示のサブメニューがあるアコーディオン スタイルのナビゲーション メニューが必要です。

私の HTML & JS:

 <ul class="nav nav-list">

    <li class="nav-header">
        <span>
            Home
            <span class="pull-right"  data-toggle="collapse">X</span>
        </span>
        <ul class="nav nav-list collapse in" id="test" >
            <li><a href="/ticket_list.cfm" title="Show list of tickets">Open Tickets</a></li>
            <li><a href="/account/" title="Edit user accounts">Accounts / Community</a></li>
        </ul>
    </li>  
  </ul>    
            <script type="text/javascript">
                $('.collapse').collapse()
            </script>

これはうまくいくはずです。ページが読み込まれると、サブメニューが 1 ミリ秒間非表示になることがわかります。しかし、X または Home をクリックしても、展開されません。

すべてのJSが含まれており、適切にリンクされていることを確認しました。サブページにもアコーリオン パネルがあり、そこで折りたたみタブが機能します。

4

1 に答える 1

11

に追加data-targetしますli。

フィドル

<li class="nav-header"  data-toggle="collapse" data-target="#test"> <span>

また、最初に折りたたんでおきたい場合は、代わりに呼び出す必要はありません。折りたたみ可能なセクションからクラスを.collapse()削除するだけです。inすなわち

  <ul class="nav nav-list collapse" id="test">
于 2013-04-29T02:39:19.760 に答える