Making elements the same height
So drop this code in and you can achieve equal heights, really easily:
(the only important part is actually putting data-key=”sameHeights” on the elements you want the same height)
You may have noticed we also initialise the plugin on window resizing as well, which means this’ll slot nicely into your responsive designs…
What if I want multiple sets on a page?
Say you have the following HTML:
and there we have it, multiple groups acted on and an equalised.
What about the browsers, will somebody please think of the browsers?
This works in IE9 and above. If it’s below IE9, then the plugin just doesn’t run, it won’t error or anything awful like that.