jquery使用jquery mouseenter - mouseleave

Question

我想在游标进入其父元素时动画元素，并在鼠标退出元素时可靠地反转该动画 - 对于嵌套元素的多个级别。我可以用CSS（转换不是选项）笨拙地做到这一点，但希望使用jQuery性感起来;）

我试图实现的一个例子是accordion menu这种类型，但正如我所说的jQuery的。

到目前为止，我有tried using mouseenter and mouseleave为同一个例子，但似乎无法让它在第一次展开和合同后工作。

我该如何可靠且优雅地将此隐藏/显示动画绑定到一个mouseenter/mouseleave或类似的jQuery中？

Answer 1

似乎工作

http://jsfiddle.net/sechou/Rce8A/2/

$(function(){ 
    //bind event 
    $("li.level1").mouseenter( 
    function(){ 
     // make sure the item would diplay 
     $(this).find("ul:first").find("li.level2").show(); 
     // do "show" 
     $(this).find("ul:first").show(500);  
    }); 

    $("li.level1").mouseleave(
     function() { 
     // do "hide" 
     $(this).find(":parent").hide(500); 
     } 
); 
});