父/同级页面处于活动状态时显示的WordPress twentyfifteen子菜单项

为了改善GitHub上的WordPress TwentyFifteen子主题, 我希望在父/兄弟页面处于活动状态时显示子菜单项。

启动时, 菜单应保持紧凑(就像当前在TwentyFifteen中那样), 如下所示：

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

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

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

当前, 这些子菜单项仅在用户专门单击菜单向下箭头(大多数用户看不到的小图标)时出现。相反, 我的目标是在父页面处于活动状态时显示子菜单项。

有解决类似问题的相关解决方案, 但在《二十一十五》中却没有解决：

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

#1

将此CSS添加到样式表中。

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

#2

@ hareesh-sivasubramanian的答案足以显示菜单, 但不会”告诉”二十十五岁菜单已打开。因此, 要关闭子菜单, 你必须单击两次切换按钮！

我通过将接受的答案与一个小的自定义jQuery组合在一起来解决此问题, 以单击该按钮, 以便对其进行切换：

( function( $ ) {

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

} )( jQuery );