Как сделать вот такой toggle?

Question

[Роман]

Подскажите как правильно делать вот такой вот toggle? Когда у нас видно сначала кусочек текста, а потом при клике разворачивается весь текст? Делал через height и overflow:hidden; Не знаю правильно ли так, может как то по другому можно

Answer 1

[justdealman]

Порекомендую такой вариант: https://jsfiddle.net/e8w07tng/
Считать высоту яваскриптом, а анимировать средствами css3.

Answer 2

[Игорь]

codepen.io/anon/pen/RKzPPv

Comments

[Роман]

вы вопрос полностью прочитали? :-) joxi.ru/Vm6Qn94UDK6wvr

Answer 3

[Саша]

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

Comments

[Роман]

такой вариант плохой, т.к. неудобно для програмиста будет. Проще выводить с 1го контейнера текст

[Саша]

Роман: этот момент уже обсуждайте с программистом.
по сути распарсить предложение на N символов и вывести в первый блок, а оставшийся контент в второй блок не должно составлять труда.

если все же это проблема, то сделай на JS.