jquery - 在父页面上时显示/隐藏子元素

Question

我正在使用 Wordpress 和 wp_nav_menu 函数。我在 Wordpress 后端构建了一个示例菜单，如下所示:

• 菜单项 1
• 菜单项 2
  • 子菜单项
• 菜单项 3

我希望子菜单仅在父级或父级的子级页面上显示。

我不确定该怎么做。我认为 CSS/jquery 可以，但我会采用任何解决方案。

Here is the page I am working on currently .

---

编辑:抱歉造成混淆 - 我不想要滚动菜单，我希望它是静态的。当我在父页面上时，我希望显示子菜单(子)。当我不在父页面上时，我不想显示子链接。

Answer 1

试试这个:

$(function(){
   $('.sub-menu').hide();
   $('.menu-item').click(function(){
       $('.sub-menu').hide();
       $(this).find('.sub-menu').show();
   });
});