个性化阅读
专注于IT技术分析

父/同级页面处于活动状态时显示的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 );
赞(0) 打赏
未经允许不得转载:srcmini » 父/同级页面处于活动状态时显示的WordPress twentyfifteen子菜单项
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏