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/