Equal Height Rows for Fluid Width Elements

Question

I\'ve used Chris Coyiers Equal Height Blocks in Rows jQuery script many times before, and it\'s always worked great.

That being said, I\'ve always developed website

Answer 1

Assuming I understood your question, this code should work:

$(document).ready(function() {

    $(window).on('resize', function() {
        $('.equalize').css('height', highest($('p')));
    }).trigger('resize');

});

function highest(el) {
    var highest = 0;
    el.each(function() {
        var height = $(this).height();
        if(height > highest) {
          highest = height;
        }
    });
    return highest;   
}

Fiddle