Javascript-форум - Overflow hidden + Mouse over

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Overflow hidden + Mouse over (https://javascript.ru/forum/jquery/24016-overflow-hidden-mouse-over.html)

Overflow hidden + Mouse over

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

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

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

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

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

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

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

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

Спасибо!