jQuery matchHeight

gistfile1.js

// Adds a matchHeight method to jQuery/zepto.
// Takes a jquery/zepto collection and makes them all as tall as the tallest elements
// Ideal for equal column layouts
// ## Paramaters
// * None (run on a zepto collection instead)
// ## Returns
// The collection which it was run on
// ## Example
//		$('#myDiv1, #myDiv2').matchHeight();
// #test


( function($) {

	$.fn.matchHeight = function() {

		if ( this.length ) {

			var $tallest_element;
			var tallest_height = 0;

			/* Loop through each element */
			this.each( function() {

				var $el = $(this);
				var el_height = $el.outerHeight();

				/* This element is taller than the previously tallest element */
				if ( el_height > tallest_height ) {

					/* So store its details */
					$tallest_element = $el;
					tallest_height = el_height;

				}

			});

			this.not( $tallest_element ).height( tallest_height );

		}

		return this;

	};

}($));