Overflow hidden + Mouse over

[tarya]

Добрый день. У меня такая идея возникла, и не знаю с чего подступиться.

Есть несколько колонок текста, не важно, один или более. Мне важно чтоб они были одинаковой высоты. И например в них текст, но количество текста разное во всех колонках. Потому чтоб все было одной высоты нужно все скрывать через Overflow: hidden. Вот и идея возникла при наведении мышки колонку разворачивать на полный размер по высоте текста, но как подступиться и с чего не знаю. Как бы просто если знать высоту блока с текстом, и просто аниммировать - раздвигая высоту. Но как ее замерять если высота фиксирована и скрывается остаток.

Спасибо за мысли и советы.

[trikadin]

Суть примерно такова: запоминаете высоту колонки, потом убираете у неё фиксированную высоту, смотрите, до какой высоты она растянулась, возвращаете прежнюю высоту, и уже потом анимируете. Глазу пользователя это будет не заметно.

[Nekromancer]

var fixedHeight = jqObject.height(), dynamicHeight = jqObject.css('height', 'auto').height();
jqObject.height(fixedHeight).animate({
height: dynamicHeight
});

[Nekromancer]

trikadin,
таки ты первый)

[trikadin]

Зато у вас код)

[tarya]

Ясно, неплохой вариант.

Спасибо!