如何讓更簡潔（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的到你的CSS爲顯示：沒有，那麼你可以保存隱藏行，只是有懸停（）調用