I was having issues with the size of the container not resetting with resize, this removes the style before factoring in. Also looks at the children height to make sure we are factoring that in. If it doesn't have children, it goes one deeper. Will probably get messy if you go too far down. The last issues I worked with here was not being able t…

equalheight-revisited.js

equalheight = function (container) {
        var newHeight = 0,
            minHeight = 0;
        $(container).each(function() {
            var elem = $(this);
            var currentStyle =  elem.attr('style') == undefined ? '' : elem.attr('style');
            if(currentStyle != '') {
                var newStyle = currentStyle.indexOf('height') > -1 ? currentStyle.replace(/height.*;/, '') : currentStyle;
                elem.attr('style', newStyle);
            }
            minHeight = getMinimumHeightForContent(elem) < minHeight ? minHeight : getMinimumHeightForContent(elem);
            var currentHeight = elem.outerHeight(true);
            newHeight = minHeight < currentHeight ? currentHeight : minHeight;
        });
        $(container).css('height', newHeight+'px');
    }
    
    function getMinimumHeightForContent(content) {
        var containerHeight = content.outerHeight(true);
        var minHeight = 0;
        content.children().each(function() {
            var elem = $(this);
            var currentHeight = elem.outerHeight(true);
            console.log(elem)
            console.log(currentHeight)
            minHeight = minHeight + currentHeight;
            
        });
        if(minHeight < containerHeight) {
            return containerHeight;
        }
        // if(minHeight == 0) return getMinimumHeightForContent(content);
        return minHeight;
    }
    
    function loadAndResize() {
        if($('.beverages-three-column').length > 0) {
            console.log('running script')
            equalheight('.beverages-three-column h3');
        }
        
        /* don't resize on mobile */
        var wwidth = $(window).width();
        console.log(wwidth);
        if(wwidth > 991) {
            if($('.hero-same-size').length > 0) {
                equalheight('.hero-same-size');
            }    
        }
        
        
    }