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>

这应该有效。当页面加载时，我可以看到子菜单被隐藏了一毫秒。但是我可以随意点击 X 或 Home 并且它不会展开。

我已包含所有 JS 并正确链接我验证了这一点。我的子页面上还有一个手风琴面板，折叠标签在那里工作。

4

1 回答 1

11

添加data-target您的li.

小提琴

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

此外，如果您希望它最初折叠，则不需要调用，.collapse()而是可以in从可折叠部分中删除类。IE

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