Доброго всем времени суток.
Собственно, задача: автоматически сворачивать/разворачивать по клику блоки, высота которых превышает, к примеру, 3 строки или 30 пискелей.
Сворачивать не до конца, то есть чтобы остался заголовок и кнопка развернуть. Варианты вынести кнопку за пределы или поместить все, кроме заголовка в отдельный див не приемлемы. Как минимум потому, что доступ к редактированию структуры ограничен.
Есть вариант с toggleClass() и
|
Код:
|
.collapsed {
height: 1em;
overflow: hidden;
} |
, но хотелось бы использовать какую-никакую анимацию.
Буду признателен за помощь.