缩短JavaScript

Question

我几周前在下载菜单的某些代码上得到了一些帮助，但我想知道是否可以缩短代码，因为下面显示的当前代码非常大，任何帮助都会很棒。

    $(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");
   } 
});
        });

Answer 1

以下是38 ways to create a drop-down menu with jQuery。

Answer 2

从它的外观来看，这可以仅使用CSS来完成。查看github菜单“switch branch”和“switch tags”仅使用CSS完成。另一种选择是使用JS minifier