parent/sibling 页面处于活动状态时显示的 WordPress TwentyFifteen 子菜单项

Question

为了改进我的 WordPress TwentyFifteen child theme on GitHub，我希望在 parent/sibling 页面处于活动状态时显示子菜单项。

启动时，菜单应保持简洁（就像目前在 TwentyFifteen 中所做的那样），如下所示：

• 第 1 页
• 第 2 页
• 第 3 页

当用户打开任何顶级页面时，菜单应自动展开以显示子菜单项，如下所示：

• 第1页
  • 子页面a
  • 子页面b
• 第 2 页
• 第 3 页

目前，这些子菜单项只有在用户专门单击菜单向下箭头（大多数用户看不到的小图标）时才会出现。相反，我的目标是在父页面处于活动状态时显示子菜单项。

有解决类似问题的相关解决方案，但不是我在二十一十五中的问题：

• https://mpswp.wordpress.com/2015/06/27/twenty-fifteen-theme-reveals-hidden-submenus

Answer 1

将此 CSS 添加到您的样式表中。

.main-navigation ul .current-menu-item ul {
    display: block;
}

Answer 2

@hareesh-sivasubramanian 的回答足以让菜单显示，但 "tell" 25 表示菜单已打开。因此，要关闭子菜单，您必须点击切换按钮两次！

我通过将已接受的答案与一个小的自定义组合 jQuery 来解决此问题，以单击该按钮以使其切换：

( function( $ ) {

    $( document ).ready( function() {
        $('.main-navigation .nav-menu > .current-menu-item > button').click();
    });

} )( jQuery );