这很容易,因为WordPress为父页面设置css类。默认情况下,我们使用隐藏菜单中的所有子列表(ul)
.menu ul {
display: none;
}
然后,当选择父页面时,我们使用WordPress设置的css类再次显示子列表。
.menu .current_page_ancestor, .menu .current_page_parent {
display: block;
}
所以,您只需要在模板中添加这些内容
模板:
<ul class="menu">
<?php wp_list_pages(\'title_li=\') ?>
</ul>
这在你的css文件中。
CSS:
.menu ul {
display: none;
}
.menu .current_page_ancestor > ul, .menu .current_page_parent > ul {
display: block;
}