Skip to content

Instantly share code, notes, and snippets.

@anhtran
Created June 9, 2014 16:12
Show Gist options
  • Select an option

  • Save anhtran/55d77040801fadecac3f to your computer and use it in GitHub Desktop.

Select an option

Save anhtran/55d77040801fadecac3f to your computer and use it in GitHub Desktop.
jQuery: Equal Height Divs
var equalheight = function (container) {
var currentTallest = 0,
currentRowStart = 0,
rowDivs = [],
$el,
topPosition = 0;
$(container).each(function () {
$el = $(this);
$($el).height('auto');
var topPostion = $el.position().top;
if (currentRowStart != topPostion) {
for (currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
rowDivs.length = 0; // empty the array
currentRowStart = topPostion;
currentTallest = $el.height();
rowDivs.push($el);
} else {
rowDivs.push($el);
currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
}
for (var currentDiv = 0; currentDiv < rowDivs.length; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
});
};
$(window).load(function () {
equalheight('.course');
});
$(window).resize(function () {
equalheight('.course');
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment