jQuery Equal Height Divs

Posted by griegs on Stack Overflow See other posts from Stack Overflow or by griegs
Published on 2010-04-12T04:00:18Z Indexed on 2010/04/12 4:03 UTC
Read the original article Hit count: 388

Filed under:
|

If i have the following harkup;

<div>
  <div>
    <div id='sameHeight'>One<br>two<br>three</div>
    <div id='sameHeight'>four</div>
    <div id='sameHeight'>five</div>        
  <div>
  <div>
    <div id='sameHeight'>four</div>
    <div id='sameHeight'>six</div>
    <div id='sameHeight'>seven<br>eight</div>
  <div>
</div>

How can I ensure that all divs marked as "sameHeight" are the same height as their counterparts in the other div?

I had a look at equalHeights plugin but that assumes all divs side by side are in the same parent. I need one that can either traverse parents or allow me to specify parents.

Is there such a thing or do I need to write it?

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-plugins