jquery – 如何隐藏/显示一定长度的更多文本(如youtube)

前端之家收集整理的这篇文章主要介绍了jquery – 如何隐藏/显示一定长度的更多文本(如youtube)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以说我想要一个文本只有一定数量的字符/长度,在那个长度之后,我想放一个链接显示文本的全长。链接将是(更多…)。一旦用户点击链接(更多..),其余的文本将向下滑动。我该如何完成这个

举个例子。

blah blah blah blah blah (more...)

用户点击(更多..),它将显示整个文本将显示

另外我在一个表行/表格单元格中使用数据,而不仅仅是任何文本

解决方法

关于这个效果的秘诀是使用HTML标签包装你想要控制的部分。
$(".more").toggle(function(){
    $(this).text("less..").siblings(".complete").show();    
},function(){
    $(this).text("more..").siblings(".complete").hide();    
});
<span class="teaser">text goes here</span>

<span class="complete"> this is the 
complete text being shown</span>

<span class="more">more...</span>

在线演示:http://jsfiddle.net/zA23k/215/

猜你在找的jQuery相关文章