缩短JavaScript

几周前，我得到了一些关于下拉菜单代码的帮助，但我想知道是否有可能缩短代码，因为下面显示的当前代码非常大，任何帮助都会很好

    $(document).ready(function(){
$("#zone-bar li em").mouseenter(function() {
   var hidden = $(this).parents("li").children("ul").is(":hidden");

   $("#zone-bar>ul>li>ul").hide()        
   $("#zone-bar>ul>li>a").removeClass();

   if (hidden) {
       $(this).parents("li").children("ul").toggle()
              .parents("li").children("a").addClass("zoneCur");
   } 
});

$("#zone-bar>ul>li>ul").mouseleave(function() {
   var hidden = $(this).parents("li").children("ul").is(":hidden");

   $("#zone-bar>ul>li>ul").hide()        
   $("#zone-bar>ul>li>a").removeClass();

   if (visable) {
       $(this).parents("li").children("ul").toggle()
              .parents("li").children("a").addClass("zoneCur");
   } 
});
        });

---

以下是。

从外观上看，这只能使用CSS来完成。查看菜单开关分支和开关标记仅使用CSS完成。另一种选择是使用

我们是在将其发送给用户之前进行缩小，还是为了您自己的利益进行简化？我可以看到对其进行重构，以便重新使用该功能。。。然而，我看不出有任何理由为了简短而尝试缩短它。它不是大的。@Matchu他指的是重构，但在重构之后缩小是一件好事。请注意，由于IE对旧版本的CSS支持已被破坏，您可能仍然需要一些脚本。