如何使更简洁（Jquery）

Question

$("li.category-top >ul").hide();

    $(".category-top").mouseover(function(){
        $(this).children("ul").show();
    });
   $(".category-top").mouseleave(function(){
        $(this).children("ul").hide();
    });

Answer 1

也许这就是：

$("li.category-top >ul").hide();
$('.category-top').hover(function() {
    $(this).children('ul').toggle();
});

技术演示：http://jsfiddle.net/ambiguous/aKvkb/

参考文献：

• hover
• toggle

Answer 2

如果您将uls放入css中作为display：none，那么您可以保存隐藏行并进行hover（）调用