javascript - 使用javascript隐藏和显示菜单ID

标签 javascript jquery html css wordpress

您好,我正在使用 wordpress,我有一个导航。

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

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

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

我找到了一个名为 Jin Menu 的插件,这似乎允许我为每个菜单项添加 onclick 功能,但即便如此我也不确定要添加什么......

谢谢大家

最佳答案

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

$( "#idOfParent" ).on( "click", function () {
    $(this).children().toggleClass("HideNav").toggleClass("ShowName");
}

这是一个jfiddle有一个工作示例(虽然不漂亮)。如果您需要不同的东西,请告诉我。

关于javascript - 使用javascript隐藏和显示菜单ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19522221/

相关文章:

javascript - 根据视口(viewport)更改响应式站点上的行堆叠 - Twitter Bootstrap 3

jquery - 当容器高度改变时动画 scollbars

javascript - 当匹配页面 url 时自动从 chrome 中删除缓存

javascript - 将 php 页面 URL 中的变量传递给 JavaScript 和另一个 PHP

javascript - jquery var 中未传递数据属性值

javascript - 像 slider 一样更改背景图像

javascript - querySelectorAll - 如何只获取某个 div 中的元素

html - 有很多未使用的类/规则对网页有任何性能影响吗?

html - 无法使用动态绝对 DIV 向上滚动

javascript - 访问对象 jquery 中的数组时出现问题