🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Just another Responsive equal height jQuery plugin which has the ability to equalize the height of grid items row by row.

Equal-Height

Documentation

jQuery Equal Heights by row

Version 1.0.0

This plugin makes the height of all selected elements exactly equal.

Authors

iBird Rose (vk.com) & KFan (vk.com)

Manual Download - Stable Release

Download

Install

Include jquery.equalheights.js after calling jQuery.

<script src="jquery.equalheights.js" type="text/javascript"></script> 

Usage

$(function() {     $(".item").equalHeights(options); }); 

Options

The default options are:

{   innerItem: false,   parent: $(this).parent(),   byRow: true }  

Where:

  • innerItem - Inner element that you want to set the height. type - string. (Example: innerItem: ".item_content",)
  • parent - Parent element if a direct parent is not needed element. type - object (Example: parent: $(".parent"),)
  • byRow - true or false to enable row detection.

more information and examples in demo

Demo and Examples

Examples

Changelog

Version 1.0.0

  • First Release

You May Also Like