Height equalizer

Set equal height on the items with images loading within those items

by amit6june

HTML

<div class="testcss">
    
    <div class="mycss">
        <div class="visualPadding">
            
            <h4 class="fn">
                <a title="" href="#">Amit Mishra111111</a>
            </h4>
            <div>Senior</div>
        </div>
    </div>
    
    <div class="mycss last">
        <div class="visualPadding">
           
          
            <div>Seniorr</div>
            <a href="#" class="email">E-mail123</a><br><div class="tel">Phone</div>
             <a href="#" class="email">E-mail</a><br><div class="tel">Phone</div>
              <a href="#" class="email">E-mail</a><br><div class="tel">Phone</div>
        </div>
    </div>
    
    <div class="mycss">
        <div class="visualPadding">
            
            <div>Some sub-title666</div>
           
        </div>
    </div>
    
</div>

CSS

.mycss {float: left; 
margin: 0 1em 0 0; 
border: 1px ;
solid #999;
background: #bbb}

JavaScript

(function($) {
    $.fn.equalHeights = function(base_width) {
        var itemsbatch = this;
         base_width = Math.max.apply(null, this.map(function() {
                return $(this).width();
            }).get());
      
        itemsbatch.width(base_width);
        return base_width;
    };
})(jQuery);

$(function() {
    $('.testcss .mycss').equalHeights(0);
});