sutho100
11/3/2018 - 8:17 AM

equal height row javascript

    equalheight = function(container){
        var currentTallest = 0,
             currentRowStart = 0,
             rowDivs = new Array(),
             $el,
             topPosition = 0;
             jQuery(container).each(function() {
           $el = jQuery(this);
           jQuery($el).height('auto')
           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 (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
             rowDivs[currentDiv].height(currentTallest);
           }
         });
        }

        equalheight('.brand-name');
        equalheight('.product__heading');
        equalheight('.price-box');
        equalheight('.product');
        equalheight('.product-list-item');