[jQuery] Equal Columns After DOM
I'm trying to use jquery to keep my columns equal in height. The
problem is that when I expand something in my menu in one of those
columns, the height doesn't re-adjust. I'm thinking it's because it's
only called when document.ready...
I don't know the event very well, but is there a way I could call this
so when the height adjusts?
code:
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(document).ready(function() {
equalHeight($(".column"));
});