jQuery блоки с одинаковой высотой

Категория: JavaScript / jQuery

Очень часто бывает нужно сделать что бы несколько соседних блоков было одинаковой высоты. Тут нам поможет небольшой jQuery скрипт, который всем блокам задаёт высоту наивысшего блока.

И так, рассмотрим небольшой jQuery скрипт. Который вычисляет высоту наивысшего блока и присваивает её всем блокам стоящим рядом. 

jQuery.fn.equivalent = function (){
// сам скрипт
 var jQueryblocks = jQuery(this),
 maxH = jQueryblocks.eq(0).height();
 jQueryblocks.each(function(){
 maxH = ( jQuery(this).height() > maxH ) ? jQuery(this).height() : maxH;
 });
 jQueryblocks.height(maxH);
};
jQuery('.item-wrap .item').equivalent(); // вызов скрипта

Таким образом всем блокам рядом с блоком с классом «item» в обёртке «item-wrap» будет присвоена высота наивысшего.

Пример можно посмотреть по ссылке. Тут блоков разное количество текста и если отключить скрипт, то высота будет разная.