laravel 如何使用Twitter Bootstrap Collapse显示部分文本，然后显示其余部分

lstz6jyr 于 2022-12-01 发布在 Bootstrap

关注(0)|答案(1)|浏览(108)

我从数据库中显示了一些文本。我希望在页面加载时显示部分文本（最多显示一定的字符数），然后使用Twitter Bootstrap中的“collapse”功能显示其余文本。我不确定如何执行此操作。以下是我目前所拥有的内容：

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

点击“查看更多”链接后，将显示“描述”字段中包含的全部文本。我希望在页面加载时显示部分文本，然后在点击“查看更多”按钮时显示（并切换）其余文本。如果在显示全部文本时，将“查看更多”按钮更改为“查看更少”也会很好。

laravel

来源：https://stackoverflow.com/questions/18927409/how-to-use-twitter-bootstrap-collapse-to-show-some-portion-of-the-text-and-then

1条答案

按热度按时间

dddzy1tm1#

您可以在blade标记内运行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。
此Twitter bootstrap 3.0 icon change on collapse与此类似，但更改了图标。

赞(0）回复(0）举报 2022-12-01

我来回答

laravel 如何使用Twitter Bootstrap Collapse显示部分文本，然后显示其余部分

1条答案

相关问题

热门标签

最新问答