父/兄弟页面处于活动状态时显示的WordPress TwentyFifteen子菜单项

Question

要改进我的WordPress TwentyFifteen child theme on GitHub，我希望在父/兄弟页面处于活动状态时显示子菜单项。

启动时，菜单应保持紧凑（如TwentyFifteen中的目前一样），如下所示：

• Page 1
• Page 2
• Page 3

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

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

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

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

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

Answer 1

将此CSS添加到样式表中。

(row1,col2+5)

Answer 2

@ hareesh-sivasubramanian的答案足以让菜单显示但不会告诉＆＃34;二十五，菜单打开。因此，要关闭子菜单，您必须单击两次切换按钮！

我通过将接受的答案与一个小的自定义jQuery相结合来修复此问题，点击按钮以便切换：

( function( $ ) {

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

} )( jQuery );