threads-sameheight.js is a jQuery helper that allows easy alignment and matching of vertical items.
It works by matching height based on any group named within the data-set of certain items.
Therefore, it can be used multiple times on the same page on different elements (f.e: the images and the titles of an editorial website).

Multiple settings are available based on the required need:

No setting

Data-same-height-margin=”Groupname” – Equal margin above and below element

Data-same-height-min=”Groupname” – Every image resizes in height to the smallest element in the group

Data-same-height-marginbottom=”Groupname” – Margin is added to the bottom to space elements below accordingly

Data-same-height-margintop=”Groupname” – Margin is added above to space elements accordingly

Download