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

Question

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

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

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

任何帮助将非常感激。我需要这是完全动态的。

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

谢谢各位

Answer 1

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

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

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