javascript - 有2套相互影响的菜单好吗？

Question

我被告知要修复一个使用平面 PHP、HTML 和 Javascript 构建的现有元素。

它有两套不同的菜单(左侧菜单栏和顶部菜单栏)。两者看起来像这样:

<ul>
<li<? if(basename($_SERVER['PHP_SELF'],'.php') == 'employee' && $_GET['act'] == 'dept'){?> class="bold"<? }?>>
    <span><a class="fontMainMenu" href="<? echo 'employee.php?act=dept';?>">dept</a></span>
</li>
<li<? if(basename($_SERVER['PHP_SELF'],'.php') == 'employee' && $_GET['act'] == 'peronal'){?> class="bold"<? }?>>
    <span><a class="fontMainMenu" href="<? echo 'employee.php?act=personal';?>">personal</a></span>
</li>

这是代码中包含的 .css 文件的一部分:

.fontMainMenu{
    font-family:"Comic Sans MS";
    font-size:12px;
    color:#007F00;
    text-transform:lowercase;   
}
.bold{
    font-weight:bold;
    letter-spacing:3px;
}

问题是:当我从顶部菜单栏中选择 DEPT 菜单时，左侧菜单栏的事件(粗体)菜单也更改为 DEPT。

我的问题是:拥有两套相互影响的菜单真的可以吗？

就我个人而言，我觉得这很奇怪，但我正在努力避免对代码进行如此大的更改。我试过谷歌搜索，但我还没有找到这个问题的答案..

抱歉我的英语不好。这不是我的母语

编辑:顶部和左侧的菜单栏并非 100% 相同。但它们相互影响

Answer 1

理想情况下，拥有两个相同的菜单栏是页面布局的开销。但是，在某些情况下，它是基于需求的。如果您的需求是这样的，那么有两个菜单就可以了。