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 CSS规则的#categories > ul。我认为它导致#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（）无法按预期工作

1 个答案: