Здравствуйте! Есть такой повторяющийся фрагмент html кода:
<div class="row">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="clear"></div>
</div>
Эта структура может представляться в двух вариантах - таблица и строки, соответствующий переключатель уже реализован.
Нужно выровнять высоту item только для вида "таблица", когда они представлены как столбцы и сбросить в auto при переключении в режим "строки", что бы у каждого item была своя высота (иначе между строками будут лишние отступы).
Т.е. нужно задать каждому div с классом item максимальную из их высот в текущем блоке row.
Желательно через jQuery... Но приветствуются любые варианты!
Пробовал так:
$('.item').height( $('.item').parent().children().filter('.item').height() + 'px' );
Но так устанавливается высота только для первого item, и при том его собственная - т.е. ничего не меняется.