我在这一页的顶部有一份菜单。在文章下方的底部,我想显示子菜单项,它们是活动菜单项的子菜单项或同级菜单项(我单击该项进入相关页面)。
也就是说,如果我点击了“子菜单项A”,我想在底部菜单中看到“子菜单项A”和“子菜单项B”。
我想用php或css来做这件事,但不是用javascript。
我不希望这种情况在盘旋什么的时候“在飞行”。我只是想显示当前项目的孩子和兄弟姐妹时,该项目已被单击,我已经在目标页面上,以帮助用户在整个类别中导航。
显示当“菜单项1”或其任何子菜单项被打开时我希望它看起来像什么的片段。
<ul>
<li>
Menu item 1
<ul>
<li>
<a href='item-1/item-a'>
Submenu item A
</a>
</li>
<li>
<a href='item-1/item-b'>
Submenu item B
</a>
</li>
</ul>
<li>
<a href='item-2'>
Menu item 2
</a>
<li>
</ul>
<article>Page contents</article>
<ul>
<li>
<a href='item-1/item-a'>
Submenu item A
</a>
</li>
<li>
<a href='item-1/item-b'>
Submenu item B
</a>
</li>
<ul>
用php
中的这段代码包装底部的ul
。
此脚本检查路径是否包含item-1
,如果包含,则显示ul
,否则不显示。
<?php
$url = $_SERVER['REQUEST_URI'];
$url_parts = parse_url($url);
if (strpos($url_parts["path"], 'item1') !== false) {
?>
<ul>
<li>
<a href='item-1/item-a'>
Submenu item A
</a>
</li>
<li>
<a href='item-1/item-b'>
Submenu item B
</a>
</li>
<ul>
<?php } ?>
单靠CSS无法做到这一点。如果它使用PHP而不使用Javascript,它只会在页面加载时更改。