我正在尝试使用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>
这应该有效。当页面加载时,我可以看到子菜单隐藏了一个ms。但我可以点击我想要的X或Home,它不会扩展。
我已经包含了所有JS并正确链接了我验证了。我的子页面上还有一个accorion面板,折叠选项卡在那里工作。
答案 0 :(得分: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">