Jquery折叠并展开bootstrap插件

时间:2014-01-24 07:16:58

标签: javascript jquery twitter-bootstrap

我一直在我的网站上使用bootstrap collapse

我可以在我的引导站点中使用任何jquery,它可以像这样工作。

示例

我有评论部分。样本评论就是这样的。

  

Lorem ipsum dolor坐下来,精神上的精神。 Phasellus   坐在amet suscipit magna。 Sed nisl ipsum,tempus quis tincidunt non,   molestie eget tortor。 Sed scelerisque magna arcu,非hendrerit lorem   车辆Vestibulum vulputate erat non mauris vulputate   condimentum。 Nam在调味品上adipiscing nec risus。 Nulla sed lorem   拉克丝。 Proin bibendum,diam non faucibus fringilla,diam leo   scelerisque nisl,sed tempor velit diam eu turpis。 Aenean lacinia   auctor tellus non tincidunt。 Vivamus condimentum sem lacus。 Donec   车辆eros erat,eu scelerisque urna varius eu。 Phasellus lobortis   dignissim dolor euismod pharetra。 Morbi sodales posuere nisi sodales   adipiscing。 Vestibulum nec tortor vitae diam pharetra pretium sed eget   arcu。 Vestibulum ultricies rut​​rum risus。 Cras rhoncus magna eget   viverra dignissim。 Integer et justo lacus。

我想让它成为这样的东西......在每一行的每一行都会改变它以便更像是在facebook上的那个。

  

Lorem ipsum dolor坐下来,精神上的精神。 Phasellus   坐在amet suscipit magna。 Sed nisl ipsum,tempus quis tincidunt non,   molestie eget tortor。 Sed scelerisque magna arcu,非hendrerit lorem   车辆Vestibulum vulputate erat non mauris vulputate   condimentum。 Nam在调味品上adipiscing nec risus。 Nulla sed lorem

     

See more...

我尝试在bootstrap崩溃中使用崩溃,但它会崩溃消息的所有部分。

1 个答案:

答案 0 :(得分:3)

您可以使用jTruncate jQuery插件。

  

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

代码:

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

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