SLING-INF.content.dev.lib.jquery.plugins.jquery.equalheights.js Maven / Gradle / Ivy

Go to download
/**
 * Equal Heights Plugin
 * Equalize the heights of elements. Great for columns or any elements
 * that need to be the same size (floats, etc).
 * 
 * Version 1.0
 * Updated 12/10/2008
 *
 * Copyright (c) 2008 Rob Glazebrook (http://www.cssnewbie.com/equalheights-jquery-plugin/) 
 *
 * Usage: $(object).equalHeights([minHeight], [maxHeight]);
 * 
 * Example 1: $(".cols").equalHeights(); Sets all columns to the same height.
 * Example 2: $(".cols").equalHeights(400); Sets all cols to at least 400px tall.
 * Example 3: $(".cols").equalHeights(100,300); Cols are at least 100 but no more
 * than 300 pixels tall. Elements with too much content will gain a scrollbar.
 * 
 */
require(['jquery'], function (jQuery) {
    (function($) {
    	$.fn.equalHeights = function(minHeight, maxHeight) {
    		tallest = (minHeight) ? minHeight : 0;
    		this.each(function() {
    			if($(this).height() > tallest) {
    				tallest = $(this).height();
    			}
    		});
    		if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
    		return this.each(function() {
    			$(this).height(tallest).css("overflow","auto");
    		});
    	}
    })(jQuery);
});