Jquery 关闭失去焦点的菜单或单击菜单项

我有一个正常工作的菜单栏，但我想在此菜单中添加一个关闭功能。正如我所看到的大多数菜单栏在失去焦点时自动关闭，并点击菜单项

HTML

<nav id="sidebar-wrapper" class="active">

    <a id="menu-close" href="#" class="close-btn toggle">Close <i class="ion-log-in"></i></a>
    <ul class="sidebar-nav">

        <li><a href="index.html" class="ng-binding"><font size="5"><i class="ion ion-ios-home-outline"></i> </font>Home</a></li> 

        <li><a href="logout.html" class="ng-binding"><font size="5"><i class="ion ion-android-exit"></i> </font>Logout</a></li> 

        <li><a href="settings.html" class="ng-binding"><font size="5"><i class="ion ion-gear-b"></i> </font>Settings</a></li> 

        <li><a href="contact_us.html" class="ng-binding"><font size="5"><i class="ion ion-help"></i> </font>Support</a></li> 

        <li><a href="tnc.html" class="ng-binding"><font size="5"><i class="ion ion-document-text"></i> </font>T&amp;C</a></li> 

        <li><a href="privacy_policy.html" class="ng-binding"><font size="5"><i class="ion ion-ios-locked-outline"></i> </font>Privacy Policy</a></li> 

    </ul>
</nav>

---

如何在失去焦点时关闭div并单击菜单项。

好的，如果我是对的，您想关闭“模糊”和“单击”菜单。如果这是您正在尝试的，那么代码不应该那么难。首先创建关闭菜单的基本功能。如果只想隐藏它，可以执行

$（“div.menu”）.hide（）

现在，我们通过添加模糊将其指定给事件：

$("nav#sidebar-wrapper").on("blur", function () {
    $(this).hide()
});

然后单击按钮：

$("nav#sidebar-wrapper > ul > li").on("click", function () {
    $("nav#sidebar-wrapper").hide()
});

---

这应该能奏效。

@kukkuz做出了改变。这是输入错误。A做了一些更改以适应您的用例，您是否编写过js？？？您还可以将.hide（）更改为.removeClass（“活动”），如果活动意味着它是visibleNo，它没有解决问题。我仍然面临同样的问题。