jquery - 其他父菜单折叠时如何隐藏其他子菜单？

Question

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>

单击其他父菜单时如何隐藏先前打开的子菜单，谢谢

标签： jqueryshow-hidecollapseslidetoggle