Jquery slideDown（）不按预期方式工作

Question

我发现了一个脚本，可以在我的项目上工作，但想知道为什么slideDown不能按预期工作。我只是一个新手，希望有人能帮助。谢谢！

function hideAllCat() { 

    $("#categories").hide(); 

} 
hideAllCat(); 

$("#tab50").mouseover(function(){    
    hideAllCat(); 
    $("#categories").slideDown(); 

}); 
    $("#categories").mouseleave(function() { 
    hideAllCat(); 
}); 

http://jsfiddle.net/G5RtR/21/

Answer 1

我已经追查您的问题到postition:absolute上#categories > ul CSS规则。我相信这是导致#categories DIV没有高度导致slideDown函数因此没有什么需要执行实际动画所需的计算。

我改变了你的CSS规则如下：

#categories > ul { 
    font-family: sans-serif; 
    font-size: 15px; 
    background: lightgrey; 
    width: 200px; 
    left: 0px; 
    list-style-type: none; 
    padding: 0; 
} 

http://jsfiddle.net/G5RtR/23/