Twitter bootstrap 如何使用Twitter引导折叠显示部分文本,然后显示其余部分
我有从数据库显示的文本。我希望在页面加载时显示部分文本(最多一个字符),然后使用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
<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
这与此类似,但正在更改图标