如果认为你的解决方案应该几乎删除所有的init代码.所有这些都可以在css样式中完成,简化了很多代码.

你将活动设置为项目. (你已经在锚中做了这个,在li中做).然后,将所有外观样式放在css中,并减少脚本.

不需要在子项目上设置活动.你可以设置像li.active li这样的规则;也就是说,li是活跃li的后代.

完成所有这些后,您可以完全避免使用init函数.

添加小提琴

我在更新的fiddle中更改了它

我正在将可见项目菜单标记为“当前”,我发现“主动”让类名混淆.它必须在li而不在,因此它可以影响第二级lis

现在剧本就是

$(document).ready(function() {
    $("#menu_item ul.menu li.expanded").mouSEOver(function(){
        var prevIoUs = $('.current');
        prevIoUs.removeClass('current');          
        $(this).addClass('current');
    });
});

我只是从前一个当前元素中删除当前元素,并将其添加到新元素中.

初始选择仅在标记中

#menu_item > ul.menu > li.current  {
    background-color: orange;
}
#menu_item ul.menu li ul {
    display: none;
}
#menu_item ul.menu li.current ul {
    display: block;
}