jq 固定高度文字展开收起

Question

<div class="text">

                <p class="desc">目木家居旗舰店，专注家居二十年。我们彰显个性，具有浓郁现代感现代风格家居设计的特色是，其设计的元素、材料都很单一，这种设计风格已经成为越来越多时尚潮人装修的首选，现代风格家居设计从整体到局部、从空间到室内陈设塑造，精雕细琢，给人一丝不苟的印象</p>

                <a href="javascript:void(0);" class="more">更多</a>

            </div>

这样的效果该如何实现，收起展开箭头有变化
试着写了下效果 貌似不太理想，因为这里写的高度是个固定的，但是这个文字的多少是不确定的
demo