2个导航栏，一个包含内容区域。如何有效地更改导航栏＃2中的内容和来自导航栏＃1上的链接的内容

Question

我的页面顶部有两个导航栏：

      <section id="topnav">
            <ul>
                <li><a href="#">Links formatted like this</a></li>
            </ul>
        </section>
        <section id="bottomnav">
            <ul>
                <li><a href="#">Link</a></li>
            </ul>
        </section>

'bottomnav'将无法填充，直到点击'topnav'上的链接。我希望'bottomnav'成为我认为'topnav'的一种子菜单。例如，在'topnav'上可能有“帖子，页面，设置”，如果你点击帖子，它会将内容框架更改为管理帖子页面，并将'bottomnav'更改为显示“管理帖子，新建，备份帖子“链接等我希望这是有道理的，我似乎有一种无法解释事情的障碍。

我根本无法想到一个简单的方法。一旦模板完成，我将使用PHP。对于标记来说，这不是一个容易的问题。

提前致谢

Answer 1

你的问题被标记为正确的东西 - PHP包括！这可能是最简单的方法。只需为底部导航设置不同的导航文件，并包含相关的导航文件。

但是，如果我是你，我会加载所有这些并使用JS来屏蔽除了当前活动的那个之外的所有内容。这将通过必须仅传输所有内容一次而不是五次页面加载来节省带宽。