I have a small script that runs and makes sure that two of my divs are the same height and if not, then gives them the same height.
I’m trying to find a way to modify it to work with my Foundation3 layout. Once the scree is resized to a certain width or it’s viewed from a mobile device, i need the two divs to just take on their auto height.
This is the code that I currently have.
var maxHeight = 0;
$(‘div.jHeight’).each(function() {
if (maxHeight < $(this).height()) {maxHeight = $(this).height()}
if (maxHeight < $('#content-section').height()) { maxHeight = $('#content-section').height()}
});
$(‘div.jHeight’).each(function(){
$(this).Height(“maxHeight”);
});
