JQuery：与父div一起动画的子div div

Question

我是JQuery动画的新手，这看起来像一个相对简单的问题，但我已经做了一些挖掘工作，并且无法在其他地方找到任何解决方案。

我有一个父div，我想设置一定的百分比高度，例如，

$('#parent').animate({ 
    height: "75%" 
}); 

有一个孩子div，我想成为父母的高度的100％。

对于我来说，让两个动画同时动起来的最好方法是什么，所以无论我决定让父母动画的高度达到50％，30％，22.937％，孩子仍然保持在父高度的100％与父母一起增长/缩小？

这里是一个小提琴：http://jsfiddle.net/azw2F/2/

我想我可以放弃百分比，计算出的高度是从容器高度像素的，然后动画家长和孩子相同的像素值，但有更容易的方法吗？

谢谢 亚当

编辑

这个问题似乎涉及到孩子的div是否位于父的尺寸范围内。尺寸之外的div div的任何部分都不是动画的，只要动画结束，它们就会“结束”。 http://jsfiddle.net/azw2F/9 儿童部分外父：母内

儿童http://jsfiddle.net/azw2F/10

我猜的HTML或许应该重构，因此双亲是同胞，而是和这可能是唯一的答案（不是我说的对其他计算像素）。我想我只是希望有一些我不知道的JQuery动画魔法。

Answer 1

最好的解决办法一个with position:absolute是这样的：http://jsfiddle.net/azw2F/11/

当子div部分位于父div之外时，将overflow:visible!important;添加到父div，即子div从父级溢出。当你考虑它时简单的简单！

Answer 2

I have two solution for your problem 

先对孩子

http://jsfiddle.net/azw2F/4/

对孩子第二个without position:absolute这是我交的早期

http://jsfiddle.net/azw2F/3/