Equate Column Heights based on tallest

by Joe Saad

HTML

<div id="sec1" class="section">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita laudantium illo incidunt quas enim amet sapiente voluptatibus in ipsa inventore ipsam eaque tempore accusamus ipsum eius sunt cupiditate perspiciatis officia.</p>
</div>
<div id="sec2" class="section">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita laudantium illo incidunt quas enim amet sapiente voluptatibus in ipsa inventore ipsam eaque tempore accusamus ipsum eius sunt cupiditate perspiciatis offici
        a.
    </p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet minima recusandae rerum maxime suscipit consequatur praesentium excepturi quas architecto iusto totam saepe animi adipisci alias facere velit nesciunt qui?</p>
</div>

CSS

.section { width: 40%; float: left; border:1px solid red; margin: 3px; padding: 5px;}

JavaScript

var maxHeight =0;
$('.section').each(function(){
    if (maxHeight < $(this).height() ) {
           maxHeight = $(this).height();
        console.log('maxHeight: '+ maxHeight);
    }
    
});
$('.section').height(maxHeight);