Twitter bootstrap 如何使用Twitter引导折叠显示部分文本,然后显示其余部分

Twitter bootstrap 如何使用Twitter引导折叠显示部分文本,然后显示其余部分,twitter-bootstrap,laravel,laravel-4,collapse,Twitter Bootstrap,Laravel,Laravel 4,Collapse,我有从数据库显示的文本。我希望在页面加载时显示部分文本(最多一个字符),然后使用Twitter引导中的“折叠”功能显示其余文本。我不知道该怎么做。这就是我到目前为止所做的: <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">See More...</a> <div id="collapseOne" class="accord

我有从数据库显示的文本。我希望在页面加载时显示部分文本(最多一个字符),然后使用Twitter引导中的“折叠”功能显示其余文本。我不知道该怎么做。这就是我到目前为止所做的:

<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>

{{$artist->description}

单击“查看更多”链接,将显示“说明”字段中包含的全部文本。我想要的是页面加载时显示的部分文本,然后单击“查看更多”按钮显示(并切换)其余文本。当显示全文时,将“查看更多”按钮更改为“查看更少”也很好。

您可以在刀片标签内运行PHP,因此

<a class="accordion-toggle" data-toggle="collapse" 
    data-parent="#accordion2" href="#collapseOne">
    {{ substr($artist->description,0,30).'...' }}
</a> 

最后一个substr参数是要包含的字符数

要更改链接文本,需要编写一些jquery来捕获show.bs.collapse回调并替换链接的innerhtml

这与此类似,但正在更改图标