equalis

Equalis v1.0.3

A jQuery plugin that equalises element heights.

Breakpoints

Equalise will equalise heights depending on the current viewport. The breakpoint can be altered to cater for different viewports.

Breakpoint by function

This only equalises heights when the viewport is less than 450px:

$(document).ready(function() {
  $('.container').equalise({
    items: ['.item'],
    breakpoint: function(viewport) {
      if (viewport > 450) {
        return false;
      } else {
        return true;
      }
    }
  });
});

Breakpoint by integer

This only equalises heights if the breakpoint is greater than 1024:

$(document).ready(function() {
  $('.container').equalise({
    items: ['.item'],
    breakpoint: 1024
  });
});

Breakpoint Default

This only equalises heights at viewports greater than the default of 768px:

$(document).ready(function() {
  $('.container').equalise({
    items: ['.item']
  });
});