单击导航条折叠/关闭

Question

我无法通过我的网站使移动设备上的导航栏崩溃。该问题仅涉及该网站的移动版本。

当我点击菜单按钮时，网站滚动到正确的点，但导航栏仍然打开，这很烦人。我试图给UL LI元素提供与＆＃34; back＆＃34;相同的类。导航栏中的按钮，可以折叠导航栏，但这不起作用：/ .. 任何人都可以告诉我如何在点击菜单项时关闭导航栏吗？

这是网站：

非常感谢

Answer 1

您可以使用jQuery解决它，只需触发单击菜单图标的操作，如下所示：

jQuery('.rd-navbar-nav li').click(function() {
  jQuery('.rd-navbar-toggle').trigger('click');
});

这样，当您单击菜单中的元素时，它也会模拟单击汉堡菜单图标。

Answer 2

如果您愿意，可以使用Jquery，但我只是在我的网站上使用JavaScript。您可以查看如何使用JavaScript here制作可折叠的导航栏菜单。如果要在单击菜单项时关闭菜单栏，只需在菜单处于活动状态并打开时在onClick（）属性中设置close（）函数。 close（）函数将是您再次隐藏菜单的函数。

编辑：您必须在JavaScript中定义close（）函数，并将其设置为隐藏菜单项。