当我单击其他父菜单时，如何隐藏其他sub menu处于打开状态。我的意思是一次只单击一个菜单和子菜单，如果上一个子菜单打开，则必须将其关闭。
我已经尝试过，但是我无法实现。它不起作用。
<script>
$('ul.nav panel li').click(function () {
alert("hi");
//
$('.list-group-submenu:collapse in').add($(this).find('.list-group-submenu:collapse')).toggle();
});
</script>
<ul class="list-group nav panel" style="position: fixed; width: 203px;">
<li runat="server" id="lnkadduser">
<a href="#demo3" class="list-group-item collapsed" data-toggle="collapse">Setup<span class="glyphicon glyphicon-chevron-right"></span></a>
<div class="collapse" id="demo3" style="height: 0px;">
<a href="#SubMenu1" class="list-group-item" data-toggle="collapse">User Administration<span class="glyphicon glyphicon-chevron-right"></span></a>
<div class="collapse list-group-submenu" id="SubMenu1">
<a href="ListUsers.aspx" class="list-group-item">List/Edit of Users</a>
<a href="ListPhonenumbers.aspx" class="list-group-item">List/Edit of Phone Numbers</a>
<a href="AddUser.aspx" class="list-group-item">Add Users</a>
<a href="AddPhonenumbers.aspx" class="list-group-item">Add Phone Number</a>
</div>
<a href="#SubMenu2" class="list-group-item" data-toggle="collapse">Asset Administration<span class="glyphicon glyphicon-chevron-right"></span></a>
<div class="collapse list-group-submenu" id="SubMenu2">
<a href="AssetsAdministration.aspx" class="list-group-item">Update Assets</a>
</div>
<a href="#SubMenu3" class="list-group-item" data-toggle="collapse">Employee Administration<span class="glyphicon glyphicon-chevron-right"></span></a>
<div class="collapse list-group-submenu" id="SubMenu3">
<a href="AddEmploye.aspx" class="list-group-item">Add Employee</a>
<a href="ListEmploye.aspx" class="list-group-item">Update Employee</a>
</div>
</li>
</ul>
如何在单击其他父菜单时隐藏上一个打开的子菜单，谢谢