javascript - 单击导航中的链接后更改 Bootstrap .collapsed 以隐藏菜单

Question

我有一个按钮:

<button class="logo-navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="bs4navbar" aria-expanded="false">

点击这个按钮，这是一个 SVG 标志，菜单出现:

<nav id="navbar" class="collapse">

当在导航中单击其中一个 anchor 链接 时，我希望按钮和导航栏消失。

我试过:

 $('.navbar-collapse a').click(function (e) {
    $('.navbar-collapse').collapse('toggle');
  });

但是它什么都不做？我该怎么做？

Answer 1

如果你想隐藏一些东西，你应该使用 jQuery 的 .hide() 方法。 你也没有得到正确的 anchor 元素。 这样做-

$('#navbar a').click(function (e) {
    $('.logo-navbar-toggle').hide(); //this hides button
    $('#navbar').hide(); //this hides navbar
});