用动画显示隐藏的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");   

});