Вычислить высоту от нескольких столбцов с JavaScript/JQuery

Question

Я стучал головой о стену в течение некоторого времени, это то, что я пытаюсь сделать:

У меня есть 3 DIV, в 2 из них минимум height из 300px, третья колонна должна быть высотой 2 div вместе + краем 15px.

Вот небольшой пример http://jsfiddle.net/AAKcJ/4/

До сих пор я нашел способ, чтобы получить высоту одной колонки, но я понятия не имею, как рассчитать с ним, так как я не могу Acces переменную вне функции поскольку я не очень разбираюсь в JavaScript.

var style_col1 = $("#column1").css(["height"]); 

    $.each(style_col1, function(prop, value) { 
     var height_col_1 = value; 
    }); 


    var style_col2 = $("#column2").css(["height"]); 

    $.each(style_col2, function(prop, value) { 
     var height_col_2 = value; 
    }); 

Любая помощь приветствуется :)

Answer 1

Вы можете взять глобальную переменную, которая видна в обеих функциях

var height = 0; 
$('#column1,#column2').each(function(){ 
    height += $(this).height(); 
}); 

$('#column3').css('height', height+15); 

или

height = $('#column1')height()+$('#column2')height(); 
$('#column3').css('height', height+15);