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

【问题标题】：How can I show current submenu items at bottom of page?如何在页面底部显示当前子菜单项？
【发布时间】：2017-05-05 22:38:49
【问题描述】：

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

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

【问题讨论】：

你的意思是当你在Menu item页面时，链接会显示，如果你在另一个页面，它不会？

标签： php html menu submenu

【解决方案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 } ?>

【讨论】：

【解决方案2】：

仅靠 CSS 无法做到这一点。为了让它与 PHP 一起工作而没有 Javascript，它只会在页面加载时改变。

【讨论】：