首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用javascript隐藏和显示菜单ids

使用javascript隐藏和显示菜单ids
EN

Stack Overflow用户
提问于 2013-10-22 23:33:08
回答 1查看 263关注 0票数 0

嗨,我正在使用wordpress,我有一个导航栏。

我想使用js或jq在单击父菜单项时切换子菜单项的可见性。我可以使用原始代码做到这一点,但我不知道如何使用wordpress菜单来做到这一点。

目前,我的wp_nav_menu在它自己的div中的一个导航容器中。

任何帮助都将不胜感激。我需要这是完全动态的。

我已经找到了一个叫Jin的插件,这似乎允许我为每个菜单项添加onclick功能,但即使这样,我也不确定要添加什么……

谢谢大家

EN

回答 1

Stack Overflow用户

发布于 2013-10-23 00:12:14

如果不查看您的代码,就很难提供可以直接使用的示例。jQuery可以用来实现这一点,所以不用担心。无需深入研究高级div选择器(我不确定您的背景知识)的最简单方法是给每个导航链接一个id,然后使用jQuery隐藏jQuery。如果您愿意提供您的导航代码或页面链接,我们可以为您提供更多帮助。

代码语言:javascript
复制
$( "#idOfParent" ).on( "click", function () {
    $(this).children().toggleClass("HideNav").toggleClass("ShowName");
}

这是一个带工作示例的jfiddle (尽管不是很漂亮)。如果你需要一些不同的东西,请告诉我。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19522221

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档