Equal Height

Equal Height is a jQuery plugin used to set and maintain a maximum height for a set of DOM elements.

Dependencies

Include the dependencies before you get started.

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="node_modules/equal-height/dist/jquery.equalHeight.min.js"></script>

Options

Each option is listed below, with its default value.

$('.selector').equalHeight({
  // groupByTop: false,
  // resizeTimeout: 20,
  // updateOnDOMReady: true,
  // updateOnDOMLoad: false
})

{ groupByTop: false }

Group and set a maximum height based on all of the elements top position.

$('.selector').equalHeight({
  groupByTop: true
})

{ updateOnDOMReady: true }

Group and set a maximum height onDOMReady.

$('.selector').equalHeight({
  updateOnDOMReady: true
})

{ updateOnDOMLoad: false }

Group and set a maximum height onDOMLoad.

$('.selector').equalHeight({
  updateOnDOMLoad: true
})

{ resizeTimeout: 20 }

Set the duration in milliseconds for debouncing the window resize event.

$('.selector').equalHeight({
  resizeTimeout: 100
})

Contributing

Install dependencies

npm install

Build changes

npm run watch-js