jquery - 用动画显示隐藏的 div

Question

我正在尝试使用动画显示隐藏的 div，

我试过的代码是，

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

$("#seconddiv2").click(function(){
    $("#seconddiv").animate( { "opacity": "show", "top":"1000px"} , "slow" );  
});

这里 div 不知从何而来。但我想让 div 看起来好像它从顶部向下移动。

代码不起作用是，

$("#seconddiv2").click(function(){
    $("#seconddiv").show();
    $("#seconddiv").animate({top:'250px'},"slow");
});

由于 div 是隐藏的，因此动画功能不起作用。

我需要进行哪些更改才能使其正常工作？请帮助谢谢

Answer 1

你需要给你#seconddiv一个相对或绝对的定位。

#seconddiv {
    position: relative;
}

http://jsfiddle.net/cjtWX/1/

更改top定位static元素没有效果。

Answer 2

$("#seconddiv2").click(function() {      

   $("#seconddiv").animate({"top": "-=50px"}, "slow");   

});