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

我已将您的问题追溯到 #categories > ul CSS 规则中的 postition:absolute。我相信这是导致 #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/

Jquery slideDown() 未按预期工作

Jquery slideDown() not working as expected

slidedown