jQuery的：动画难题(jQuery:animate conundrum)

我有jQuery的动画的问题...

我有一个在它上面一个隐藏的div页脚。 当有人点击标题附近的一个按钮时，DIV应该动画UP。 有点像向上滑动，就像你拉一个牛皮纸文件夹出一格抽屉的。 （不正常的向上滑动，其中div的底部向上滑动到顶部。）

我发现这段代码是那种我想要的东西，但是，它的移动基线（页脚）。

.featureBox{width:182px;
    height:150px;
    position:relative;
    border:1px solid red;
}

$('.featureBox').hover(function()  {
    $(this).animate({top:'-320px', height:'540px'},"slow");
},
function() {
    $(this).animate({top:'0px', height:'150px'},"slow");
})

当在红格框移动鼠标，你会看到下面的div下推。 我如何得到它只是动画向上或长大？ （贺贺。对不起。只是觉得妈妈对我大吼大叫）。

Answer 1:

这里是工作我想你想的方式页面。 我认为主要的问题是不断扩大的div必须具有高度的div内。 这里是覆盖其他内容时，它扩展了expaning DIV的页面。

检查出的代码WordPress的Sexybookmarks插件对于这种把戏的一个很好的例子。

Answer 2:

我猜你的解决方法是这两件事情之一：

1. 改变位置：相对于位置：绝对
2. 你不想实际移动.featureBox但里面.featureBox的，而另一个元素（可能是一个DIV）

文章来源: jQuery:animate conundrum