提问者:小点点

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


我在这一页的顶部有一份菜单。在文章下方的底部,我想显示子菜单项,它们是活动菜单项的子菜单项或同级菜单项(我单击该项进入相关页面)。

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

共2个答案

匿名用户

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,它只会在页面加载时更改。