collapse در بوت استرپ

[foroughiiii]

سلام من یک collapseاز بوت استرپ 4 توی صفحم دارم .ولی میخوام قبل از اینکه دکم زده بشه که تمام اون متن نمایش داده بشه ، قبلش یک خط از متن نمایش داده بشه.کسی میدونه من باید چی کار کنم؟

<div class="collapse description" id="moreDetail">                        <pre>{{$room->description}}</pre>                    </div>                    <button type="button" class="btn collapse-btn btn-link" data-toggle="collapse" data-target="#moreDetail" aria-expanded="false" aria-controls="moreDetail">+ بیشتر</button>