如何隐藏非活动页面的子菜单

时间:2011-05-01 作者:hyperknot

我只想扩展侧栏菜单的活动部分,隐藏与实际选择无关的部分。就像它是如何在每个类似浏览器的文件管理器上完成的,或者它是如何使用手风琴菜单的。

在默认的二十十主题中,这是活动子菜单的类定义:

menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current-menu-parent current_page_parent current_page_ancestor
这是一个非活动子菜单:

menu-item menu-item-type-post_type menu-item-object-page
所以我在考虑使用类似于:

li .menu-item ul .sub-menu { display: none; }
li .current-menu-parent ul .sub-menu { display: inherit; }
你喜欢这个工作吗?这一定是一个相当普遍的问题,但我还没有找到一个与谷歌单一的解决方案。

为了了解为什么菜单变小很重要,我正在开发一个网站,这里的菜单过于复杂:http://kek.org.hu/kozossegikertek

2 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

在我的葡萄酒学主题中,我使用的就是这样一个菜单。可以随意使用侧栏菜单CSS来满足您的需要!与其将其全部张贴在这里,我只想链接到Oenology GitHub repository.

编辑:

Here\'s where the sidebar navigation menu style definitions start.

SO网友:hyperknot

根据Chip Bennett的回答,这里是我最终使用的解决方案。我向那些想知道如何隐藏两级菜单子菜单的人推荐:

.widget_nav_menu li.menu-item ul.sub-menu {
    display: none;
}

.widget_nav_menu li.current-menu-item ul.sub-menu ,
.widget_nav_menu li.current-menu-ancestor ul.sub-menu {
    display: inherit;
}

结束

相关推荐

次要的css-根据顶层菜单更改-如何更改?

我想根据顶部(根)菜单的选择对css进行一些小的更改。在WP中处理这个问题的正确方法是什么?//编辑//这是一个网站(页面),没有博客,基本上,一些链接和一些图像的颜色应该取决于选择的顶部菜单项。页面结构示例: * Start * Products * Prod.categ. * A product * Services * List of services * Nested * Contact * Mai