在单击该部分之前菜单不会展开的 CSS 导航

Question

我正在尝试为 Wordpress 创建一个导航，就像下面链接中的导航一样。

navigation for Wordpress

基本上导航不会展开。如果用户是那个部分，它只显示子链接。在上面的链接中，一个示例是 "Service" 部分。仅当您单击 “服务” 时才会显示子链接。客户端在 Dreamweaver 中使用 Dreamweaver 模板和可编辑区域完成了此操作，但它在 Wordpress 中不起作用。

如有任何帮助，我们将不胜感激。我已尝试导航，但子链接都显示如下链接。

http://johnwp.annapolisbook.com/?page_id=6

提前感谢所有提供帮助的人。

Answer 1

类似这样的“应该”工作(您可能需要调整选择器):

.menu ul ul {
    display: none;
}
.menu ul .current_page_item ul, .menu ul .current_page_ancestor ul {
    display: block;
}

这里的关键是隐藏所有子菜单.menu ul ul，并使用父元素上的.current_page_item来显示正确的子菜单。