网页文字默认显示固定行数，点击按钮显示全部怎么实现？

上图所示，默认显示固定行数，点击箭头显示全部内容，
目前是使用 -webkit-line-clamp 实现，但是过渡的时候没有动画效果，大家有什么别的方法吗？

补充：需做的时一个列表样式的，由于内容不实固定的，是后台传入的，有些内容多，有些内容少，所以没有办法设置一个固定的高度