Javascript jQuery：动画难题

我有jQuery动画问题

我有一个页脚，上面有一个隐藏的div。 当有人单击标题附近的按钮时，div应该向上动画化。有点像向上滑动，就像你从抽屉里拉出一个抽屉。（不是div底部向上滑动到顶部的正常向上滑动。）

我发现这段代码正是我想要的，但是，它正在移动基线（页脚）

---

当鼠标移到红色的div框上时，您会看到它下面的div向下推动。我怎样才能让它充满活力或者长大呢？（呵呵。对不起。我刚想到妈妈对我大喊大叫。）

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

更改位置：相对于位置：绝对

您不希望实际移动.featureBox，而是希望移动.featureBox中的另一个元素（可能是一个DIV）

页面是否按我认为你想要的方式工作。我认为主要的问题是扩展div需要在一个有高度的div内。是一个扩展div在扩展时覆盖其他内容的页面

---

请查看的代码，以获得此类技巧的一个很好的示例。

除了想起我的妈妈，我不清楚“长大”是什么意思。你是说伸展还是移动？（如中所示，高度保持不变，或者高度保持不变，底部边框不移动？）我们可以看到正在处理的html吗？（页脚部分和隐藏的div）这里。。。想象一下。条形图。您可以看到条形图在图表上向上设置动画（一个la Flex）。如何让DIV动画化。有大量的例子可以设置向下、向左或向右的动画。我没有看到任何关于如何保持DIV的底部处于同一级别并使DIV顶部上升的示例。请尝试以下URL：

.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");
})