Question

I have a div that is initially set to display:none, and uses .slideDown to become visible. It loads a table via ajax.
Due to the slideDown, the height of the containing div increases. I want the height of two other divs to increase simultaneously.

Answer 1

If you want same height for the three divs; Add a css class to three divs like “simultaneously”, after slidedown run the below code

var maxHeight = 0;

$('div.simultaneously').each(function(index){
if ($(this).height() > maxHeight)
{
maxHeight = $(this).height();
}
});

$('div.simultaneously').height(maxHeight);