Как сделать ссылку «показать полностью...» как в VK?

Question

[Валерия Бядретдинова]

Вроде как через onclick, но у меня не получается...

Answer 1

[GaserV]

Контенту - height:0; transition: all .4s; position: relative;
При клике на Показать полностью добавляете класс active. Классу active в css - height: auto;

Comments

[he he]

slideToggle()

[GaserV]

he he: slideToggle - Для всех анимаций производительнее всего использовать css, а не js. Лично я на jquery ишь добавляю\удаляю классы, остальное - css

[he he]

GaserV: у нее не своя соц.сеть. ей подойдет и такое решение, а то она еще больше запутается)

[GaserV]

he he: ну значение проекта особого значения не сыграет, а вот применение в будущем - очень) Сам раньше все на jq писал, пока знакомому фронтовику код не показал. БЫло очень стыдно)

[Сергей delphinpro]

GaserV: не сработает переход от height:0 к height:auto

[Антон]

GaserV: если использовать Web Animations, которые поддерживаются в большинстве современных браузеров, то производительность одинаковая

Answer 2

[Артур]

Смотрите тут jsfiddle.net/6u7oypma