1
我有一个侧边栏列表下拉,但是当我们点击一个列表项目下拉列表其他列表不关闭。请检查下面的代码。数据切换崩溃不与李工作
<div class="sidebar-nav" id="content" style="margin-bottom: 610px; ">
<ul class="nav navbar-nav" >
<li style="margin-top: 0px" >
<a
data-toggle="collapse" data-target="#demo1"
style="margin-left: 0px; margin-top:">
<i class="fa fa-calendar " style="margin-right: 10px;"></i>Planning<i
class="fa fa-angle-left " style="margin-left: 50px;"></i>
</a>
<ul id="demo1" class="collapse " data-parent="#accordion">
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
YE
</span><a ui-sref="">Yearly</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
MO
</span><a ui-sref="">Monthly</a></li>
</ul>
</li>
<li style="margin-top: 0px"><a
data-toggle="collapse" data-target="#demo2"
style="margin-left: 0px; margin-top:"> <i class="fa fa-book " style="margin-right: 10px;"></i>Order<i
class="fa fa-angle-left" style="float: right !important;"></i>
</a>
<ul id="demo2" class="collapse " data-parent="#accordion">
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px; text-decoration: none ;">
AL
</span><a ui-sref="dashboard">All</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
SE
</span><a ui-sref="sector">Sector</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
DR
</span><a ui-sref="">Date Range</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
DE
</span>
<a ui-sref="">Delivered</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
PE
</span><a ui-sref="">Pending</a></li>
</ul>
</li>
<li style="margin-top: 0px"><a
data-toggle="collapse" data-target="#demo3"
style="margin-left: 0px; margin-top:"> <i class="fa fa-truck" style="margin-right: 10px;"></i>Logistics<i
class="fa fa-angle-left" style="float: right !important;"></i>
</a>
<ul id="demo3" class="collapse" data-parent="#accordion">
<li style="margin-left: 0px"> <span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
AL
</span><a ui-sref="">All</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
SE
</span><a ui-sref="">Sector</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
CU
</span><a ui-sref="">Customer</a></li><br>
<li style="margin-left: 0px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
PE
</span><a ui-sref="">Pending</a></li>
</ul>
</li>
<li style="margin-top: 0px"><a
data-toggle="collapse" data-target="#demo4"
style="margin-left: 0px; margin-top:"> <i class="fa fa-truck" style="margin-right: 10px;"></i>Delivery<!-- <i
class="fa fa-angle-left" style="float: right !important;"></i> -->
</a>
<!-- <ul id="demo4" class="collapse">
<li style="margin-left: 10px"><span class="thumbnail" style="display:inline;border: 0px solid;background-color:#21252d;color:white;font-size:9px;margin-right: 12px;">
DL
</span><a ui-sref="" >Dl</a></li>
</ul> -->
</li>
</ul>
请建议我该改变我必须做的,使这项工作
请检查此琴也jsfiddle.net/ArunKumarUmma/Lft6hmyf
请检查此琴也https://jsfiddle.net/ArunKumarUmma/Lft6hmyf/ – Arunkumar
看看[本节(http://getbootstrap.com/components/#navbar),看看你可能会丢失什么,这有点难以查明,但如果什么都不起作用,我建议你从零开始重做它该文件的点... – webeno