所以说我想要一个文本只有一定数量的字符/长度,在那个长度之后,我想放一个链接来显示文本的全长。链接将是(更多…)。一旦用户点击链接(更多..),其余的文本将向下滑动。我该如何完成这个
举个例子。
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>