jQuery Equals™ Plugin

A simple plugin to help maintain order amongst multiple elements that should really be the same size.

Usage:

Equalize the height only (default)

$('.element').equals();

Equalize the width only

$('.element').equals('width');

Equalize the height & width

$('.element').equals('both');

Center the content (beta)

$('.element').equals('both', true); // will equalize height and width and will center the content

Note: Only supports single elements within the equalized container for now, buggy in all but Gecko browsers.

For example, this will work:

<div class="element">
    <a href="#">
        <img src="sample-image.jpg" alt="Just proving my point." />
    </a>
</div>

This currently will not:

<div class="element">
    <h1>Headline</h1>
    <p>Text.</p>
</div>

Bonus

This plugin is chainable.

The following will work.

$('.element').hide().equals().delay(400).slideDown(800)