如何在单击父菜单时使用jQuery切换子菜单
在单击父菜单时使用jQuery切换子菜单，可以通过以下步骤实现：
- 首先，确保在HTML页面中引入了jQuery库文件，可以通过以下方式引入：
- 首先，确保在HTML页面中引入了jQuery库文件，可以通过以下方式引入：
- 在HTML中定义父菜单和子菜单的结构，可以使用无序列表（
<ul>和<li>）来实现，例如： - 在HTML中定义父菜单和子菜单的结构，可以使用无序列表（
<ul>和<li>）来实现，例如： - 使用jQuery选择器选取父菜单，并为其绑定点击事件，当点击父菜单时触发切换子菜单的操作，可以使用
toggle()方法来实现切换显示和隐藏，例如： - 使用jQuery选择器选取父菜单，并为其绑定点击事件，当点击父菜单时触发切换子菜单的操作，可以使用
toggle()方法来实现切换显示和隐藏，例如： - 最后，可以通过CSS样式来设置子菜单的初始状态为隐藏，例如：
- 最后，可以通过CSS样式来设置子菜单的初始状态为隐藏，例如：
完成以上步骤后，当单击父菜单时，对应的子菜单将切换显示和隐藏。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
相关·内容
1回答
我的网站上有这样的菜单： ChildChild Parent
我添加了一些Jquery来隐藏子菜单，并在单击父链接时显示它们，但这会导致父链接不能正常工作，只需切换子菜单</e
浏览 0提问于2019-08-19得票数 0
回答已采纳
"caption": "Text6" ] { "caption": "Text7"]
我想在子菜单中打开子菜单项，该子菜单打开父菜单的右侧。我尝试使用Material菜单，它根据需要打开菜单</em
浏览 1提问于2019-05-24得票数 3
1回答
我做了一个下拉式垂直菜单，故障排除后仍然找不到为什么子菜单切换不能正常工作。我将CSS中的子菜单设置为最初将其隐藏，当单击父列表项时，我希望jQuery切换。目前，浏览器控制台中没有bug，但是切换不能正常工作。 任何帮助都将不胜感激。谢谢!Jquery： $("li.menu-item-has-children .toggle").click(function
浏览 18提问于2020-01-18得票数 2
回答已采纳
我有一个N级菜单结构，首先我必须隐藏所有级别的子菜单，并在父菜单的悬停时显示它们。我一直在尝试这一点，我已经隐藏了所有的子菜单并在单击时显示它们，但问题是当我单击其他父菜单时，以前打开的菜单必须关闭，如果我再次单击该菜单，它的子菜单应该处于隐藏状态，我想要一
浏览 3提问于2013-03-24得票数 0
回答已采纳
我有一个菜单栏，其中包含许多父菜单项和子菜单项： <ul> <a href="#">ParentChild item</a></li>
<li><a href="#">Child item</a
浏览 1提问于2018-05-03得票数 1
回答已采纳
我为子菜单编写了这段代码，我有子菜单和大子菜单，这两个UL都有相同的类，我在父键点击时切换孩子，但是外孙也在和父母切换，如何在jquery中防止这个问题，我用这个代码来切换。sub-nav").slideUp();}.find(".sub-na
浏览 1提问于2021-02-13得票数 0
回答已采纳
1回答
移动屏幕上的可单击子菜单
、、、
我正在构建一个WP主题，并使用默认的子菜单行为，如用户鼠标切换和下拉子菜单出现。但是在移动屏幕上，悬停功能不起作用，我只是在移动分辨率上隐藏子菜单。但是，正如我们在WP仪表板中看到的那样，子菜单转换为可点击的功能，我们可以通过单击父菜单来访问子菜单。如何在主题中实现此功能？
浏览 3提问于2016-03-15得票数 0
回答已采纳
active{}<ul class="dropdown-main" >
<li class="dropdown"
浏览 0提问于2018-11-14得票数 0
回答已采纳
2回答
我已经创建了一个垂直列表菜单，其中包括某些菜单项。单击任何菜单项时，列表将展开以显示其内部子菜单项。现在，我在这个菜单中放置了折叠/展开箭头，类似于中的菜单，他们切换单击事件。我的问题是，当页面加载<
浏览 7提问于2013-09-16得票数 0
因此，如果我的菜单上有about，并且它有一个子菜单，那么子菜单将被打开，about将被一个活动类高亮显示。然后，如果单击“关于”文件夹中的页面，about将保持高亮显示，子菜单项也将被高亮显示。您将能够有父级链接，并仍然切换子菜单。
以下是我想纠正的问题：
当您降落在主页上时，在单击某个项目之前，不会突出显示任何内容。在带
浏览 4提问于2014-10-16得票数 2
2回答
我有一个WordPress站点，在侧边栏中有一个菜单。我正在尝试切换“子菜单”部分。切换是有效的，但它是在单击子菜单项本身而不仅仅是父菜单项时切换子菜单，因此子菜单项的链接不起作用。这是jQuery代码：
浏览 2提问于2016-02-11得票数 2
2回答
我尝试使用jQuery创建一个切换子菜单。但是，子菜单只显示几秒钟，然后在单击父li时消失。<a href="">Hello</a> </ul></div>
这
浏览 4提问于2014-10-07得票数 0
回答已采纳
4回答
我需要在侧栏中显示扩展的菜单。我使用菜单块显示子菜单。但现在的问题是，当我悬停在父菜单上时，它并没有显示以前出现的子菜单。此外，子菜单只有在单击父菜单时才会展开，然后父菜单会列出所有已展开的子菜单。
当子菜单未展开
浏览 0提问于2013-04-01得票数 0
1回答
我有一个简单的导航结构的导航，有开关打开和关闭子菜单。但是，当我单击嵌套菜单时，切换工作，但也关闭父菜单。如何设置它，使父菜单不会在单击嵌套菜单时关闭？ //Toggle sub-menus
$('#menu .has-childre
浏览 7提问于2021-12-07得票数 0
回答已采纳
2回答
子组件有两个通过模板传入的属性。这些属性在子component.js中都有独立的观察者。有人向我指出，观察员不应该再需要了。但它们仍然存在于EMB2.0中，所以必须对它们进行使用。无论如何，我会解释我的情况，希望在座的各位能让我知道如何在没有观察者的情况下完成这一任务。
在我的例子中，父组件是一个包含许多
浏览 9提问于2015-09-29得票数 0
回答已采纳
我正在做一个简单的响应多层次菜单，我使用切换类打开子菜单。的问题是，当我单击菜单打开一个子菜单时，如果有其他子菜单打开，它们将关闭，除了我刚刚打开的子菜单，并且能够通过单击它的菜单父菜单关闭该子菜单。然后单击另一个
浏览 4提问于2015-03-29得票数 0
回答已采纳
1回答
我在我的网站上有一个小的jQuery菜单设置。当你点击一个父链接时，它会提供一个平滑的滚动效果来显示子页面。
我正在尝试了解如何在查看子页面时保持菜单打开？现在，如果您单击Parent ->子页面，新页面将加载，并关闭整个菜单。我想让父子菜单对其所有的子页面都保持打开状态(如果有必要的话，我会使用Wordpress )。将
浏览 2提问于2011-09-01得票数 1
回答已采纳
我有一个脚本，当一个目标(#dave)通过向父级(.bob)添加一个类(.sub active)被单击时，它会切换一个子菜单。我遇到的问题是，当单击目标时，它会显示一个子菜单(.dd)，但是当我试图单击一个子菜项(.one，.two)时，子菜单会由于due语句的触发而消失。单击子菜单<
浏览 0提问于2015-05-07得票数 0
回答已采纳
1回答
href="#">Link 2</a></li> </ul>
</ul>$('.parent_menu').on('touchs
浏览 1提问于2014-06-26得票数 0
回答已采纳
如何在单击子菜单链接时停止关闭折叠菜单ul.子菜单？ <li><a href="#">4th child item</a>
浏览 0提问于2012-11-28得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
