Updating child option by simplifying code and adding documentation

Author: tsvensen

README.md

@@ -21,6 +21,9 @@ $('.parent').equalize({equalize: 'width', reset: true});</pre>
 
 This advanced usage is for dynamic instances where equalize is ran after elements are added or removed to maintain minimum max height or width.
 
+Equalize the .parent's child element. See @larsbo's <a href="http://jsfiddle.net/4QTNP/3/">example</a>.
+<pre>$('.parent').equalize({children: 'p'}); // equalize height of paragraphs within .parent</pre>
+
 
 ## Examples
 

index.html

@@ -43,6 +43,8 @@ <h2>Advanced Usage</h2>
 
   <p>This advanced usage is for dynamic instances where equalize is ran after elements are added or removed to maintain minimum max height or width.</p>
 
+  <p>Equalize the .parent's child element. See @larsbo's <a href="http://jsfiddle.net/4QTNP/3/">example</a>.</p>
+  <pre>$('.parent').equalize({children: 'p'}); // equalize height of paragraphs within .parent</pre>
 
   <h2>Height Example <a id="run-height" href="#height-example">run »</a></h2>
   <pre>$('#height-example').equalize(); // defaults to height</pre>

js/equalize.js

@@ -16,10 +16,14 @@
  * $('.parent').equalize(); // defaults to 'height'
  * $('.parent').equalize('width'); // equalize the widths
  *
- * ADVANCED EXAMPLE
+ * ADVANCED EXAMPLES
  * Get the minimum max dimension by removing the existing height/width
  * $('.parent').equalize({reset: true}); // equalize height by default, remove existing height, then determin max
  * $('.parent').equalize({equalize: 'width', reset: true}); // equalize width, remove existing width, then determin max
+ *
+ * Equalize internal child elements
+ * From @larsbo : http://jsfiddle.net/4QTNP/3/
+ * $('.parent').equalize({children: 'p'}); // equalize height of paragraphs within .parent
  */
 ;(function($) {
 
@@ -45,9 +49,9 @@
     type = (equalize.indexOf('eight') > 0) ? 'height' : 'width';
 
     return $containers.each(function() {
-      var $children = $(this).children(),
+          // when children exist, equalize the passed in child elements, otherwise equalize the children
+      var $children = (children) ? $(this).find(children) : $(this).children(),
           max = 0; // reset for each container
-      if (children) { $children = $(this).find(children); }
 
       $children.each(function() {
         var $element = $(this),

js/equalize.min.js

@@ -6,4 +6,4 @@
  * Page: http://tsvensen.github.com/equalize.js
  * Repo: https://github.com/tsvensen/equalize.js/
  */
-;(function(b){b.fn.equalize=function(a){var f=!1,c,d;b.isPlainObject(a)?(c=a.equalize||"height",f=a.reset||!1):c=a||"height";if(!b.isFunction(b.fn[c]))return!1;d=0<c.indexOf("eight")?"height":"width";return this.each(function(){var a=b(this).children(),e=0;a.each(function(){var a=b(this);f&&a.css(d,"");a=a[c]();a>e&&(e=a)});a.css(d,e+"px")})}})(jQuery);
+(function(b){b.fn.equalize=function(a){var d=!1,g=!1,c,e;b.isPlainObject(a)?(c=a.equalize||"height",d=a.children||!1,g=a.reset||!1):c=a||"height";if(!b.isFunction(b.fn[c]))return!1;e=0<c.indexOf("eight")?"height":"width";return this.each(function(){var a=d?b(this).find(d):b(this).children(),f=0;a.each(function(){var a=b(this);g&&a.css(e,"");a=a[c]();a>f&&(f=a)});a.css(e,f+"px")})}})(jQuery);