No description, website, or topics provided.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENCE
README.markdown
af.equal-height.js
example.html

README.markdown

Equal Height Children

A jQuery plugin to make elements equal height. There are many plugins out there that do this, this one is ours.

Using the plugin

  1. Set the property data-equal-height on any element that is a parent of those you want to be equal, with a value that is the CSS selector of the elements that should be equal height

    <ul data-equal-height='li'>
      <li>Short<li>
      <li>Short<li>
      <li>Long, long, really long…<li>
    </ul>
    
  2. Include and invoke the plugin

    <script src='af.equal-height.js'></script>
    <script>
      $('[data-equal-height]').make_children_equal_height();
    </script>
    
  3. Revoke the plugin

    <script>
      $('[data-equal-height]').make_children_disequal_height();
    </script>
    
  4. Optionally call the function again if the heights are likely to have changed (eg. if the browser is resized, the font is resized, etc.)

    $('body').on(
        'resize',
        $('[data-equal-height]').make_children_equal_height()
    );
    

A live example is available.