为了改善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 );
来源：
https://www.srcmini02.com/67752.html
