如何在页面底部显示当前子菜单项？

Question

我在页面顶部有一个菜单。 在文章的底部，我想显示子菜单项，它们是活动菜单项（我单击以进入相关页面的项目）的子项或同级项。

也就是说，如果单击“子菜单项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> 

Answer 1

用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 } ?>

Answer 2

单靠CSS不能做到这一点。 为了使其能够与PHP一起使用而没有Javascript，它只会在页面加载时发生变化。