WordPress 在父/兄弟页面处于活动状态时显示的 25 个子菜单项答案

【问题标题】：WordPress TwentyFifteen submenu items to display when parent/sibling page is activeWordPress 在父/兄弟页面处于活动状态时显示的 25 个子菜单项
【发布时间】：2015-12-20 08:31:58
【问题描述】：

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

在启动时，菜单应该保持紧凑（就像现在在二十五），像这样：

第 1 页
第 2 页
第 3 页

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

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

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

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

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

【问题讨论】：

标签： wordpress-theming

【解决方案1】：

@hareesh-sivasubramanian 的回答足以显示菜单，但不会“告诉”25 菜单已打开。因此，要关闭子菜单，您必须单击两次切换按钮！

我通过将接受的答案与一个小的自定义 jQuery 组合来解决此问题，以单击按钮以使其切换：

( function( $ ) {

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

} )( jQuery );

【讨论】：

谢谢。你到底把这个额外的代码放在哪里了？
它将放入现有或新的 JS 文件中，从主题的 functions.php 文件中适当地排队。 $( document ).ready( function() {... 的东西是真正起作用的。包装器只是为了避免 WordPress 中的冲突，如果这是文件中唯一包含的内容。
再次感谢，但由于我没有看到您描述的“切换按钮两次”问题，并且在将代码插入 function.php 时没有看到任何区别，我将通过对此。但如果我忽略了某些内容，请参考我的 GitHub 存储库 (github.com/JackDougherty/twentyfifteen-child-theme) 或示例站点 (commons.trincoll.edu/jackdougherty)。

【解决方案2】：

将此 CSS 添加到您的样式表中。

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

【讨论】：

谢谢你，哈雷什！您的建议解决了我的问题，我会在我的 GitHub 中感谢您。
谢谢你的好话，杰克。如果您的问题得到解决，请将此答案标记为已接受。