Как скопировать высоту элемента в другой элемент?

Question

У меня есть div, который имеет только padding, и у меня есть еще один div без атрибута css.
Я хочу дать одинаковую высоту обоим div, используя outerHeight,

Это мой тест, он работает, но не идеально: 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/

Также, возможно, сохраните требуемую высоту как независимую переменную, чтобы она не зависела от текущего значения #top (которое изменяется).