如何使內容更簡潔（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

如果將ul作為display：none放到CSS中，則可以保存隱藏行，只需進行hover（）調用