父/同级页面处于活动状态时显示的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的答案足以显示菜单, 但不会” 告诉” 二十十五岁菜单已打开。因此, 要关闭子菜单, 你必须单击两次切换按钮!
【父/同级页面处于活动状态时显示的WordPress twentyfifteen子菜单项】我通过将接受的答案与一个小的自定义jQuery组合在一起来解决此问题, 以单击该按钮, 以便对其进行切换:
( function( $ ) {$( document ).ready( function() { $('.main-navigation .nav-menu > .current-menu-item > button').click(); }); } )( jQuery );

    推荐阅读