Javascript 关闭图标上的汉堡包菜单，单击

我有一份汉堡包菜单，开盘很好。当我再次点击汉堡包菜单图标时，我希望它关闭（这不起作用，我正在挣扎）。（仅当我单击链接或在菜单外单击时，它才会关闭）

如果您使用的是引导，默认情况下，您应该在汉堡包菜单按钮中具有关闭功能

你是如何处理这份声明的？ “仅当我单击链接或在菜单外单击时，它才会关闭”

设置引导菜单。

折叠内容
可通过navbar品牌进行切换。

要获得预期结果，请将数据切换=“下拉”更改为数据切换=“折叠”

例子

您是否使用汉堡菜单的框架？或者它是引导程序的一部分？你能编辑它使之成为一个工作代码段吗？@Farhad它的引导程序。@theblackips对不起，我是新来的，我该怎么做呢。thanksI无法将数据切换=下拉更改为数据切换=折叠。我的意思是，这解决了问题，但是当我单击可折叠内容上的链接后，菜单不会关闭，也不会关闭菜单外部。将其更改为

折叠。

然后编写自定义JS来执行外部关闭折叠。我已经更新了代码。@Farhad更新了您的代码片段以反映工作代码。到目前为止，如果您在下拉列表外单击“更新”，则菜单不会折叠@RicardoSnaw运行代码并查看。我是新手，我把我的JS代码放在引导脚本之前，所以它没有加载，我一直都有解决方案，只是一个组织错误。。。谢谢，伙计，我不能将数据切换=下拉更改为数据切换=折叠。我的意思是，这解决了问题，但是当我点击可折叠内容上的链接后，菜单不会关闭，也不会在菜单外关闭。

<nav class="navbar">

  <!-- Navbar brand -->
  <a class="navbar-brand" href="#">Navbar</a>

  <!-- Collapse button -->
  <button class="navbar-toggler toggler-example" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1"
    aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"><span class="dark-blue-text"><i
        class="fas fa-bars fa-1x"></i></span></button>

  <!-- Collapsible content -->
  <div class="collapse navbar-collapse" id="navbarSupportedContent1">

    <!-- Links -->
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
      </li>
    </ul>
    <!-- Links -->

  </div>
  <!-- Collapsible content -->

</nav>