用vanilla JS点击菜单链接时如何隐藏下拉菜单？
在使用vanilla JS时，要隐藏下拉菜单可以通过以下步骤：
- 首先，通过DOM操作获取菜单链接的元素。
- 首先，通过DOM操作获取菜单链接的元素。
- 接下来，获取下拉菜单的元素。
- 接下来，获取下拉菜单的元素。
- 然后，使用事件监听器（如click事件）来监听菜单链接的点击操作。
- 然后，使用事件监听器（如click事件）来监听菜单链接的点击操作。
- 在点击事件的处理函数中，为下拉菜单的元素添加或移除CSS类名来控制其显示和隐藏。
- 在点击事件的处理函数中，为下拉菜单的元素添加或移除CSS类名来控制其显示和隐藏。
- 最后，在CSS样式表中，定义名为"hidden"的类，用于隐藏下拉菜单。
- 最后，在CSS样式表中，定义名为"hidden"的类，用于隐藏下拉菜单。
这样，当用户点击菜单链接时，下拉菜单将会显示或隐藏，通过添加或移除CSS类名实现。在这个过程中，我们没有提及具体的腾讯云产品或链接，因为这是一个通用的前端开发问题，与云计算厂商无关。
相关·内容
我有这个漂亮的菜单，并试图关闭菜单时，点击菜单内的链接。但是在使用querySelectorAll时，我得到了一个错误：navLinks.addEventListener不是一个函数。当我使用querySelector时，只有第一个链接是响应的。 我可以去给每个链接另一个类，并使5个相同的功能，但我想干代码。这样做的正确方法是什么？ -- /burger-->
</n
浏览 19提问于2019-03-14得票数 3
回答已采纳
我被jquery下拉菜单隐藏并显示了，请查看下面的链接，在这里请点击作业选项卡，然后点击任意子菜单按钮，它将显示超级子菜单，然后请点击“-”按钮，你可以看到超级子菜单不会从下到上隐藏，而是从右到左隐藏。我看着超级子菜单从下到上隐藏在点击“-”按钮选项卡，请指教？
注意:需要在jsbin中开启自动运行JS，否则下拉不会开启...
浏览 2提问于2014-05-22得票数 0
当用户点击链接时，我有一个链接和一个隐藏的下拉菜单来显示。我希望下拉菜单隐藏，如果用户点击了链接或菜单。这两个元素都位于用AJAX动态加载的页面部分(因此使用live()函数)。如果我在非AJAX重新加载的容器上执行此操作，则一切正常，但如果它是动态加载的内容，则不会立即起作用(下拉菜单显示，但如果单击外部，则不会隐藏)。
浏览 0提问于2011-05-19得票数 2
我有一个下拉菜单，它有display: none，当悬停在parent上时，它有通过CSS的display: block。下拉菜单链接到同一页面上的锚点，所以当我点击时，我希望下拉菜单消失，这样我就可以点击 $('.dropdown-menu').css("display", "none") 然而，jquery现在已经覆盖了在悬停时发生的如何在单击时
浏览 30提问于2017-07-24得票数 1
回答已采纳
我正在玩，并试图改变这部分的行为:当我点击带有下拉菜单的链接时，我会得到子菜单。当我点击进入显示的子菜单时，该子菜单将被隐藏。
我希望当我点击进入该子菜单时，该子菜单也可见。如何做到这一点？
浏览 0提问于2012-02-21得票数 1
回答已采纳
我想创建一个像这样的菜单，性能对我来说是非常重要的因素。到目前为止，我遇到了两种不同的方法，Javascript和CSS，我很难弄清楚我应该走哪条路。哪种方法更快、更轻量级？假设我的菜单上有一个DOWNLOAD按钮。如果用户有JS，则下载内容应该在jQuery的帮助下出现在同一页面上，但如果用户禁用了JS，则单击菜单项应该会将用户带到download.php页面。顺便说一句，如果有你建议的方法的免费解决方案，请提供一个链接。谢谢。
浏览 3提问于2011-11-09得票数 3
回答已采纳
我想：
$('.js-dropdown-toggler').click(function(e){
$('.js-dropdown').removeClass(&#
浏览 7提问于2016-01-22得票数 1
回答已采纳
4回答
单击时隐藏Div
、、、、
我有一个小的HTML/CSS/JQuery下拉菜单。subMenu {}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js，subMenu会出现在它的下方，并在鼠标离开菜单时消失。当用户点击菜单中的一项时，我的问题就出现了；
浏览 3提问于2011-10-12得票数 1
回答已采纳
3回答
我不知道如何关闭这个dropdown div，当在它外面点击时。我发现在单击外部和下拉菜单时关闭的版本，但因为我的下拉菜单有多个复选框，所以我希望继续允许在下拉菜单上单击而不关闭下拉菜单：function myFunction() {<div id="myDropdown" class="dropdow
浏览 96提问于2018-05-31得票数 0
回答已采纳
3回答
基本上，当我点击输入并向下拉菜单时，它会与下面的下拉菜单重叠。我使用的是Wordpress ClickBoutique主题。我尝试给它们不同的z索引值，甚至用!看起来js (可能是jQuery)函数会根据用户单击的下拉菜单来更改这些z索引值。
有人能帮帮我吗？
浏览 1提问于2014-08-14得票数 0
使用React-Select Creatable时，我是否可以从下拉菜单中仅隐藏创建新选项。我想像往常一样显示其他建议，并希望保留创建新标签的可创建功能。我只是不想在下拉菜单中显示用户正在输入的内容。', label: 'Vanilla' }
handleChangeformatCreateLabel={this.form
浏览 2提问于2018-08-06得票数 3
回答已采纳
1回答
我正在建立一个点击下拉菜单。当链接被点击时，下拉菜单就会下来，然后当除了下拉菜单之外的任何东西被触摸时，下拉菜单就会重新滑上。剩下的唯一一件事就是让下拉菜单在链接再次被点击时向上滑动。我已经向链接添加了一个.act类，这样我就可以将它从其他链接中分离出来(这样当它被单击时，我就可以隐藏它)，但
浏览 2提问于2016-03-16得票数 0
当用户单击汉堡图标时，我正在尝试显示/隐藏下拉菜单。 当用户点击#汉堡包图标时，类.show在#dropdown-content上切换。请参考jsfiddle：https://jsfiddle.net/d8oubjmk/1/ 相关JS代码为： // Get the button, and when the user clicks onfunction myFunction() {
document.get
浏览 25提问于2019-02-04得票数 0
回答已采纳
2回答
我继承了一个带有boostrap导航菜单的WordPress网站。桌面电脑上的导航菜单下拉菜单显示在悬停状态，移动设备上的导航菜单下拉菜单显示在点击时，这很棒。但是，父项目仍然链接到页面，所以如果我在手机上查看站点并单击顶层导航，下拉菜单会在将我转到父链接之前短暂出现。我可以将父链接设为#，但这仍然会刷新页面。我对JS知之甚少，而且我找不到他们激活父项链接的代码。
浏览 0提问于2018-01-23得票数 0
向您展示了我编写的下拉菜单的。
在下拉菜单(“Channel”)下面的部分文本(本例中的站点标题链接)是不可选/不可点击的，而普通"Home“链接下面的另一部分则显示得很好。为什么我认为会发生这种情况:当单击菜单(“通道”)时，使用JavaScript动态地更改0和auto值之间的height；而不是display: none;，因此菜单项元素只被隐藏，使得位于菜单下面的文本不可
浏览 4提问于2012-12-22得票数 1
回答已采纳
1回答
好的，我有一个导航栏，其中包含使用内联块样式显示的链接列表。我使用了一个媒体查询，这样当我将屏幕调整到更小的大小时，如果列表不再适合在栏上，它就会转换为下拉菜单，其中有一个按钮可以帮助切换下拉菜单的可见度。id，而#nav-链接是列表的id )
我的问题是，当我点击菜单按钮，它隐藏下拉菜单，然后我调整浏览器屏幕的大小到它的正常宽度，它保持隐藏。当我将链接的大小调整回正常宽度时，如何
浏览 3提问于2014-02-15得票数 1
回答已采纳
我正在处理一个下拉菜单，它显示下拉菜单的点击，而不是悬停。这需要js，而且有点工作。
多个子菜单可以在一次打开，但我希望所有其他子菜单关闭
浏览 4提问于2014-04-18得票数 1
回答已采纳
2回答
加载页面时，将打开引导菜单
、、、、
我已经在我的网站上实现了Bootstrap下拉菜单，问题是当我加载页面时，默认状态会弹出下拉菜单。当页面默认加载时，我正在为如何隐藏这个下拉菜单而苦苦挣扎。</div>但是当我加载页面时，我试图让窗口隐藏起来。<em
浏览 0提问于2014-01-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
