equalHeight.js

Applies the same height on all matched elements with the same vertical position. Use this jQuery-Plugin as a flexible and stable CSS flexbox alternative. Responsive Ready!

How to use

• Install via bower: bower install equalHeight.js
• Or download the jquery.equal-height.min.js directly.

Link jQuery and equalHeight.js in your document:

<script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript" src="/path/to/jquery.equal-height.min.js"></script>

Apply the plugin to your elements:

<div data-eqh>
    John Doe
</div>
<div data-eqh>
    Jane<br />
    Doe
</div>

<script type="text/javascript">
    $(document).ready(function() {
        $('[data-eqh]').equalHeight();
    });
</script>

Examples and further documentation

Examples and Documentation: floriankoerner.github.io/equalHeight.js/demo/

Compile and minify TypeScript-File

1. Install tsd and gulp.

npm install -g tsd
npm install -g gulp

1. Install dev dependencies

tsd install
npm install

1. Compile and minify

gulp