https://media.allauthor.com/js/masonry.js

1/* Thanks to CSS Tricks for pointing out this bit of jQuery
2http://css-tricks.com/equal-height-blocks-in-rows/
3It's been modified into a function called at page load and then each time the page is resized. One large modification was to remove the set height before each new calculation. */
4
5equalheight = function(container){
6
7var currentTallest = 0,
8     currentRowStart = 0,
9     rowDivs = new Array(),
10     $el,
11     topPosition = 0;
12 $(container).each(function() {
13
14   $el = $(this);
15   $($el).height('auto')
16   topPostion = $el.position().top;
17
18   if (currentRowStart != topPostion) {
19     for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
20       rowDivs[currentDiv].height(currentTallest);
21     }
22     rowDivs.length = 0; // empty the array
23     currentRowStart = topPostion;
24     currentTallest = $el.height();
25     rowDivs.push($el);
26   } else {
27     rowDivs.push($el);
28     currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
29  }
30   for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
31     rowDivs[currentDiv].height(currentTallest);
32   }
33 });
34}
35
36