Jquery 突出显示当前页面的两级水平菜单

我用CSS和HTML（ul等）制作了一个两级菜单。我想要的是要选择的顶层（使用“selected”类）和与当前页面相对应的第二层中的项，以使该类处于“active”状态（仅为粗体）

例如，当用户导航到“/maintenance/company.aspx”时，我希望选择维护菜单项，“companys”子菜单项为粗体

第一级选择有效，粗体显示有效，但我无法显示实际的子菜单（第二级）

CSS

HTML

---

我通过对FireBug的调查弄明白了这是什么。我需要为我的css添加一些特殊性

#menu li:hover span, .selectedSubMenu { display:block; }

变成

#menu li:hover span, #menu li span.selectedSubMenu { display:block; }

我不得不添加一些css来改变锚的颜色

#menu li span.selectedSubMenu a { color:#666666; }

---

帮助我解释。

事实上，我认为服务器端解决方案可能更好。

#menu li:hover span, .selectedSubMenu { display:block; }

#menu li:hover span, #menu li span.selectedSubMenu { display:block; }

#menu li span.selectedSubMenu a { color:#666666; }