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

使用ul中的此代码包裹底部php。

此脚本检查路径是否包含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，它只会在页面加载时更改。

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

2 个答案: