https://globalcenter.org/wp-content/themes/elevationweb/assets/js/main-height-box.js?ver=7.0.5

1var jQ = jQuery.noConflict();
2
3jQ(document).ready(function(){
4
5  (function($){
6    function fixButtonHeights() {
7      var heights = new Array();
8          
9      // Loop to get all element heights
10      jQ('.same-height').each(function() { 
11        // Need to let sizes be whatever they want so no overflow on resize
12        jQ(this).css('min-height', '0');
13        jQ(this).css('max-height', 'none');
14        jQ(this).css('height', 'auto');
15
16        // Then add size (no units) to array
17        heights.push(jQ(this).height());
18      });
19
20      // Find max height of all elements
21      var max = Math.max.apply( Math, heights );
22
23      // Set all heights to max height
24      jQ('.same-height').each(function() {
25        jQ(this).css('height', max + 'px');
26              // Note: IF box-sizing is border-box, would need to manually add border and padding to height (or tallest element will overflow by amount of vertical border + vertical padding)
27      }); 
28    }
29
30    jQ(window).load(function() {
31      // Fix heights on page load
32      fixButtonHeights();
33
34      // Fix heights on window resize
35      jQ(window).resize(function() {
36        // Needs to be a timeout function so it doesn't fire every ms of resize
37        setTimeout(function() {
38          fixButtonHeights();
39        }, 120);
40      });
41    });
42  })(jQuery);
43
44});