使用javascript隐藏和显示菜单ID

时间:2013-10-22 15:33:08

标签: javascript jquery html css wordpress

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

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

目前我的wp_nav_menu位于自己的div中的导航容器中。

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

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

谢谢大家

1 个答案:

答案 0 :(得分:0)

如果不查看代码,很难提供可以直接使用的样本。 jQuery可以用来完成这个,所以不用担心。没有深入研究jQuery选择器(我不确定你的背景知识)的最简单的方法是给每个导航链接一个id,然后使用jQuery来隐藏div。如果您要提供导航代码或指向您网页的链接,我们可以为您提供更多帮助。

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

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