1

データベースから表示しているテキストがあります。ページの読み込み時にテキストの一部 (特定の文字数まで) を表示し、Twitter Bootstrap の「折りたたみ」機能を使用して残りのテキストを表示したいと考えています。これを行う方法がわかりません。これは私がこれまでに持っているものです:

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">See More...</a>
<div id="collapseOne" class="accordion-body collapse"><span class="description_text">{{$artist->description}}</span></div>

これにより、「もっと見る」リンクをクリックすると、「説明」フィールドに含まれるテキスト全体が表示されます。私が望んでいるのは、ページの読み込み時に表示されるテキストの一部であり、残りは [もっと見る] ボタンをクリックすると表示されます (トグルされます)。全文表示時は「もっと見る」ボタンが「もっと見る」に変わるのもいいですね。

4

1 に答える 1