Javascript 还记得展开/折叠吗

Javascript 还记得展开/折叠吗,javascript,jquery,html,Javascript,Jquery,Html,我好像没法让它工作。我想在默认情况下显示50个字符,当我单击read more时显示其余字符,反之亦然。我注意到的另一个问题是,当我点击back browser按钮时,会显示read more/read less链接,但当我点击它时,什么也没发生。有没有关于如何解决这两个问题的想法 $(文档).ready(函数(){ //配置/自定义这些变量。 var showChar=50;//默认显示多少个字符 var ellipseText=“…”; var moretext=“阅读更多”; var l

我好像没法让它工作。我想在默认情况下显示50个字符,当我单击read more时显示其余字符,反之亦然。我注意到的另一个问题是,当我点击back browser按钮时,会显示read more/read less链接,但当我点击它时,什么也没发生。有没有关于如何解决这两个问题的想法

$(文档).ready(函数(){
//配置/自定义这些变量。
var showChar=50;//默认显示多少个字符
var ellipseText=“…”;
var moretext=“阅读更多”;
var lesstext=“少读”;
$('.textControl')。每个(函数(){
var content=$(this.html();
如果(content.length>showChar){
var c=content.substr(0,showChar);
var h=content.substr(showChar,content.length-showChar);
var html=c+''+ellipseText+''+h+'';
$(this).html(html);
}
});
$(“.morelink”)。单击(函数(){
if($(this).hasClass(“更少”)){
$(此).removeClass(“更少”);
$(this.html(moretext);
}否则{
$(此).addClass(“更少”);
$(this.html(lesstext);
}
$(this.parent().prev().toggle();
$(this.prev().toggle();
返回false;
});
});

Lorem Ipsum只是印刷和排版行业的虚拟文本。从16世纪开始,当一个不知名的印刷商拿起一个印刷工具,把它拼凑成一本字体样本书时,Lorem Ipsum就一直是行业标准的虚拟文本。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行

仅用于基础:

var extextext=“Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时一位不知名的印刷商拿起一个打印工具,将其拼凑成一本打印样本书。它不仅存活了五个世纪,而且还跨越到电子排版,基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着Aldus PageMaker等桌面出版软件(包括Lorem Ipsum版本)的发布而流行”;
派生文本;
$('.moreless')。单击(函数(){
如果(this.innerHTML==='More…'){
this.innerHTML='Less…'
originalText=$('.textControl')[0].innerHTML;
$('.textControl')[0].innerHTML+=extraText;
}否则{
this.innerHTML='更多…'
$('.textControl')[0].innerHTML=originalText;
}
});

Lorem Ipsum仅仅是印刷和排版行业的虚拟文本。自16世纪以来,Lorem Ipsum一直是该行业的标准虚拟文本,当时一位不知名的印刷商拿起一个打印工具,争先恐后地制作了一本字体样本书。它不仅存活了五个世纪,而且还跨越到了电子排版,仍然是埃森理论上没有变化。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行,最近随着桌面出版软件(如Aldus PageMaker)包括Lorem Ipsum版本而流行

更多