如何将元素的高度复制到另一个元素？

Question

我有一个div有填充只有和我有另一个div没有任何css属性。
我想使用outerHeight给两个div使用相同的高度。

这是我的测试，这工作，但不完全： http://jsfiddle.net/A2bNm/6/

$("#container").mouseenter(function() { 
     $("#top").animate({ 'padding' : 70 }, "slow"); 
     $("#bottom").animate({'height':($("#top").outerHeight())}, "slow"); 

    }).mouseleave(function() { 
     $("#top").animate({ 'padding' : 20}, "slow"); 
     $("#bottom").animate({'height':($("#top").outerHeight())}, "slow"); 
}); 

能帮忙吗？谢谢你，对不起我英文不好！ :)

Answer 1

尝试引用您的div的当前名称this和另一个名称.closest('div)或.siblings('div')。

http://api.jquery.com/siblings/ http://api.jquery.com/closest/

而且，或许存储所需的高度作为独立变量，所以它不是基于＃顶部的当前值（其变化）。