A really simple “equal heights” method for jQuery!

Nothing special, a really basic “equal heights” method written in jQuery.

$.fn.equalHeights = function() {  
    var maxHeight = 0;  
    $(this).each(function(index){  
        var height = $(this).height();  
  
        if (maxHeight < height) {  
            maxHeight = height  
        }  
   });  
   $(this).height(maxHeight);  
}

$("ul li").equalHeights();Check out this Pen!

Then you just need to apply the method on the element you want using $("ul li").equalHeights();.

One thought on “A really simple “equal heights” method for jQuery!”

Leave a Reply