Javascript 什么函数调用bootstrap4中的“导航栏toogle”按钮？

$'navbar-collapse'。在'show.bs.collapse'函数上{ $html.clickfunction{ //选择1 document.getElementByIdnavbar collapse.classList.remove'show'； //选择2 //$'navbar-collapse'。隐藏； //选择詹姆 //$“导航栏-折叠”。折叠“切换”； }; $'navbar-collapse'。单击函数e{ e、 停止传播； }; }; .bg ecs白色{ 背景：fff！重要； } .navbar ecs.navbar品牌{ 颜色：34219e； } .navbar ecs.navbar品牌：悬停，.navbar ecs.navbar品牌：焦点{ 颜色：ff2069； } .导航栏ecs.导航栏导航链接{ 颜色：34219e； } .navbar ecs.navbar导航链接：悬停，.navbar ecs.navbar导航链接：焦点{ 颜色：ff2069； } .navbar ecs.navbar nav.show>.nav链接， .navbar ecs.navbar nav.active>导航链接， .navbar ecs.navbar nav.nav-link.show， .navbar ecs.navbar nav.nav-link.active{ 颜色：00e1e1； } .导航栏ecs.导航栏切换开关{ 颜色：ff2069； 边框颜色：34219e； } .navbar ecs.navbar切换图标{ 背景图像：urldata:image/svg+xml；charset=utf8，%3Csvg viewBox='0 0 30'xmlns='0http://www.w3.org/2000/svg“%3E%3path-stroke='rgba255,32,105,0.7'笔划宽度='2'笔划linecap='round'笔划斜接限制='10'd='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E； } /***************导航子链路**************/ @媒体最小宽度：992px{ .navbar展开lg.navbar导航子链接{ 填充权：.5rem； 左侧填充：.5rem； } } .navbar ecs.navbar nav.nav子链接{ 颜色：ff2069； } .navbar ecs.navbar导航子链接：悬停，.navbar ecs.navbar导航子链接：聚焦{ 颜色：ff2069； 文字装饰：无； } .nav子链接，.navbar{ 填充：.5rem1rem； } .下拉菜单{ 背景图像：线性渐变FFF，c6ffff；/*向右*/ 边界：无； } .下拉切换：：之后， .dropup.dropdown切换：：之后{ 内容：无； } /*波通亚米努纳巴酒店*/ .btn链路{ 颜色：34219e； } .btn链接：悬停{ 颜色：ff2069； 文字装饰：无； } 介绍{ 身高：100%； 背景颜色：蓝色； -webkit背景尺寸：封面； -moz背景尺寸：封面； -o-背景尺寸：封面； 背景尺寸：封面； }

条件 当用户触摸菜单外部时，菜单只能通过按钮打开或关闭

1.打开菜单2.触摸背景蓝色3.打开菜单4.：

---

妈的，我脑子里放屁最多。我不知道为什么我会在它明显崩溃的时候想到它

这可能是你需要的

我还创建了一个代码笔：

---

谢谢你的回答，但看看选项2/问题中发生了什么，style=display:none仍然处于活动状态无法删除它您需要删除选项2。选项2，如果要再次显示，则必须使用$'navbar-collapse'.show；我将用上面的代码替换选项2。该选项无效。如果我把这个节目放进去，它就永远不会被隐藏。问题是在一种自动显示“无”的样式中，我没有办法让它消失。我将尝试将代码上载到控制台，以便显示错误该选项无效。菜单只能从按钮打开，也可以从任何地方关闭。太好了！现在它100%起作用了非常感谢Jaime

$('#navbar-collapse').collapse('hide');