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

Yet another lightweight jQuery equal height plugin that equalizes the height of columns to the tallest (or shortest) one.

Equal-Height

Documentation

jquery.equaliseHeights

Equalise heights of elements

Example use

<!DOCTYPE html> <html> <head> </head> <body>   <div class="toEqualise" style="float: left; background:#aaa;">     <p>Test</p>     <p>Test</p>     <p>Test</p>   </div>   <div class="toEqualise" style="float: left; background:#ddd;">     <p>Test</p>     <p>Test</p>   </div> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="jquery.equaliseHeights.js"></script> <script>   jQuery('.toEqualise').equaliseHeights(); </script> </body> </html>

Options

$('.toEqualise').equaliseHeights({     useMinHeight: false,     delay: 200,     runEqualise: function () {         return true;     } });
Attribute Type Default Description
useMinHeight bool false Equalise heights to the shortest element rather than the default tallest
delay int 200 debounce delay
runEqualise function function () {return true;} function that decides whether to run the equalise script or reset the heights, allows script to run at different breakpoints

You May Also Like