如何使用Read More Toggle for dynamic Text

Question

使用我的评级组件，用户可以撰写有关某些产品的文字。现在，当用户写入三行以上时，该组件应仅显示3行并添加Read More toggler，以便有人可以通过单击Read More href来阅读整个文本。请参阅http://jsfiddle.net/71w7tagr/2/如何在文本超过3行时添加Read More Toggler？

Answer 1

取决于你的意思是三行。如果您正在谈论段落标签或字符数，那么它相对简单。只需计算它们，如果它高于您想要的值，请隐藏额外值。

var children = $('.text_container').children('p');

if ( children.length > 3 ){
    children.slice(2).hide();
    children.slice(2,3).after('Read More Markup');
}

然后只需在“阅读更多”中添加一个监听器即可。将显示所有孩子的文字。