jQuery：动画难题

Question

我遇到 jQuery 动画问题...

我有一个页脚，其顶部有一个隐藏的 div。当有人单击标题附近的按钮时，div 应该向上动画。有点像向上滑动，就像你在拉一个 马尼拉文件夹 从抽屉里拿出来。（不是普通的向上滑动，即 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 框上时，您会看到它下面的 div 向下推。我怎样才能让它动起来或长大？（呵呵。对不起。只是想到妈妈对我大喊大叫）。

Answer 1

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

检查出的 WordPress的Sexybookmarks插件的代码的一个很好的例子这种特技的。

Answer 2

我猜你的解决方法是以下两件事之一：

1. 更改位置：相对位置：绝对位置
2. 您不想实际移动 .featureBox 而是移动 .featureBox 内的另一个元素（可能是 DIV）