jQuery Equal Height Divs
- by griegs
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?