用于引导的 Jquery 折叠和展开插件答案

【问题标题】：Jquery Collapse and expand plugin for bootstrap用于引导的 Jquery 折叠和展开插件
【发布时间】：2014-02-15 02:13:45
【问题描述】：

我一直在我的网站中使用引导程序collapse。

是否有任何 jquery 可以在我的引导站点中使用，并且可以像这样工作。

示例

我有一个评论部分。示例评论是这样的。

Lorem ipsum dolor sit amet，consectetur adipiscing elit。菜豆坐在amet suscipit magna。 sed nisl ipsum, tempus quis tincidunt non, 骚扰 eget 侵权者。 Sed scelerisque magna arcu，非 hendrerit lorem 车辆犹他州Vestibulum vulputate erat non mauris vulputate 调味品。 Nam adipiscing nec risus 在调味品。无定论拉克斯。 Proin bibendum，diam non faucibus fringilla，diam leo scelerisque nisl，sed tempor velit diam eu turpis。刺槐拍卖师告诉非 tincidunt。 Vivamus condimentum sem lacus。多内克 vehicula eros erat，欧盟 scelerisque urna varius eu。菜豆 dignissim dolor euismod pharetra。 Morbi sodales posuere nisi sodales 肥胖。前庭 nec tortor vitae diam pharetra pretium sed eget 弧形前庭 ultricies rutrum risus。 Cras rhoncus magna eget viverra dignissim。 Integer et justo lacus。

我想让它变成这样......每隔 5 行就会改变它，让它看起来更像 facebook 上的那个。

Lorem ipsum dolor sit amet，consectetur adipiscing elit。菜豆坐在amet suscipit magna。 sed nisl ipsum, tempus quis tincidunt non, 骚扰 eget 侵权者。 Sed scelerisque magna arcu，非 hendrerit lorem 车辆犹他州Vestibulum vulputate erat non mauris vulputate 调味品。 Nam adipiscing nec risus 在调味品。无名氏

See more...

我尝试在引导折叠中使用折叠，但它折叠了消息的所有部分。

【问题讨论】：

pvdspek.github.io/jquery.autoellipsis

标签： javascript jquery twitter-bootstrap

【解决方案1】：

您可以使用jTruncate jQuery 插件。

简而言之，jTruncate 提供了简单但可自定义的截断用于您网页中的文本实体。

代码：

$().ready(function () {
    $('p').jTruncate({
        moreText: "See more..."
    });
});

演示：http://jsfiddle.net/IrvinDominin/wFTLj/

【讨论】：