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: 454
        
jQuery
|jquery-plugins
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