$(function() { setSameHeights(); var resizeTimer; $(window).resize(function() { clearTimeout(resizeTimer); resizeTimer = setTimeout(setSameHeights, 150); }); }); function setSameHeights($container) { $container = $container || $('.sameheight-container'); var viewport = ResponsiveBootstrapToolkit.current(); $container.each(function() { var $items = $(this).find(".sameheight-item"); // Get max height of items in container var maxHeight = 0; $items.each(function() { $(this).css({height: 'auto'}); maxHeight = Math.max(maxHeight, $(this).innerHeight()); }); // Set heights of items $items.each(function() { // Ignored viewports for item var excludedStr = $(this).data('exclude') || ''; var excluded = excludedStr.split(','); // Set height of element if it's not excluded on if (excluded.indexOf(viewport) === -1) { $(this).innerHeight(maxHeight); } }); }); }