Javascript 折叠导航栏单击后保持打开状态

我需要帮助关闭网站移动版中的导航栏。当我在导航栏中选择项目时：它保持打开状态，不会自动关闭，因此我需要再次单击菜单以关闭

这是我的HTML：

<div id="mobile-box">
        <a class="mobile" href="#">MENU</a>
    </div>
    <div class="menu-menu">
        <div class="sidebar1 col-sm-2 col-md-2 col-lg-1 col-xs-12" ng-if="authentication.isAuth" ng-cloak>
            <ul id="nav" ng-cloak>
                <li ng-if="IsUser()"><a ui-sref="dashboard">Dashboard</a></li>
                <li ng-if="IsAdmin()"><a ui-sref="item">Item</a></li>
            </ul>
        </div>
    </div>

---

编辑：在问题中添加了Angular js标记。

为什么不使用引导导航栏

---

您可以参考。

为什么不使用引导导航栏

---

你可以参考。

我想你需要这样。试试这个

$（文档）.ready（函数（）{
$（“a.mobile，.菜单项”）。单击（函数（）{
$（“.sidebar1”）.slideToggle（'fast'）；
});
window.onresize=函数（事件）{
如果（$（窗口）.width（）>880）{
$（“.sidebar1”）.show（）；
}否则{
$（“.sidebar1”）.hide（）；
}
};
});


仪表板

项目


我想你需要这样。试试这个


$（文档）.ready（函数（）{
$（“a.mobile，.菜单项”）。单击（函数（）{
$（“.sidebar1”）.slideToggle（'fast'）；
});
window.onresize=函数（事件）{
如果（$（窗口）.width（）>880）{
$（“.sidebar1”）.show（）；
}否则{
$（“.sidebar1”）.hide（）；
}
};
});


仪表板

项目


您甚至可以使用
悬停（）
而不是
单击（）
。它就像一个符咒

$("a.mobile").hover(function() {
    $(".sidebar1").slideToggle('fast');
});

您甚至可以使用
hover（）
而不是
click（）
。它就像一个符咒

$("a.mobile").hover(function() {
    $(".sidebar1").slideToggle('fast');
});

快速插入：如果您创建的函数只调用
$（“.sidebar1”）.slideToggle（'fast'）然后在每个菜单项的ng clicksry中调用该函数，我的英语不好，你能帮我举个例子吗…是引导导航栏吗？不，它不是引导菜单。快速插入：如果你做了一个只调用
$（“.sidebar1”）。滑动切换（'fast'）然后在每个菜单项的ng clicksry中调用该函数，我的英语不好，你能帮我举个例子吗…是引导导航栏吗？不，不是引导菜单。我尝试使用引导导航，但我已经制作了完整的角度js仪表板，没有引导。上周我尝试使用bootstrap nav，但我在应用程序中使用bootstrap实现垂直菜单时遇到问题。我尝试使用bootstrap nav，但我已经制作了完整的角度js仪表板，没有bootstrap。上周我尝试使用bootstrap nav，但在我的应用程序中使用bootstrap实现垂直菜单时遇到问题。thnx man，一个有趣的解决方案。如果没有人用click（）为我提供解决方案，我会记住这一点。Thnxthnx人，有趣的解决方案。如果没有人用click（）为我提供解决方案，我会记住这一点。Thnx