我是 JQuery 动画的新手，这似乎是一个相对简单的问题，但我已经做了一些挖掘，在其他地方找不到任何解决方案。
我有一个父 div，我想将其设置为某个百分比高度，例如
$('#parent').animate({
height: "75%"
});
有一个孩子 div 我想成为父母身高的 100%。
对我来说，同时为两者设置动画的最佳方式是什么，这样无论我决定将父级设置为 50%、30%、22.937% 的任何高度，孩子都保持在父级高度的 100%，但会随之增长/缩小父母？
这是一个小提琴：http: //jsfiddle.net/azw2F/2/
我想我可以放弃百分比，找出容器高度的像素高度，然后将父项和子项设置为相同的像素值，但是有更简单的方法吗？
谢谢你，亚当
编辑
这个问题似乎与子 div 是否位于父级的维度内有关。尺寸之外的子 div 的任何部分都没有动画，它们只是在动画结束后“弹出”。
父母内的孩子：http: //jsfiddle.net/azw2F/9 部分父母外的孩子：http: //jsfiddle.net/azw2F/10
我猜 HTML 可能应该被重组，所以父级是兄弟姐妹，这可能是唯一的答案（除了我所说的关于计算像素的内容）。我想我只是希望有一些我不知道的 JQuery 动画魔法。