Javascript 自定义截断函数删除所有初始文本

我正在jQuery中编写一个小的Show more/Show less脚本

函数ellipsizeTex（id）{
var el=document.getElementById（id）；
var btn=$（“#撤消_截断”）；
var wordArray=el.innerHTML.split（“”）；
var initialHtml=el.innerHTML；
var lessText=函数（）{
同时（el.scrollHeight>el.offsetHeight）{
pop（）；
el.innerHTML=wordArray.join（“”）+’…”；
}
btn.removeClass（'hide-text'）.addClass（'show-text'）.text（“show more”）；
}
var moreText=函数（）{
el.innerHTML=initialHtml；
el.style.height=“自动”；
btn.removeClass（'show-text'）.addClass（'hide-text'）.text（“show-less”）；
}
lessText（）；
btn.on（'单击'，函数（）{
if（$（this）.hasClass（'show-text'））{
moreText（）；
}否则{
lessText（）；
}
});
}
ellipsizeTex（“树干”）
#truncard{
填充：0 10px；
背景：#fff；
高度：72px；
}

Lorem ipsum dolor sit amet，奉献精英。根据《宪法》的规定，面部照明减去身体的生命必须包括劳动质量，并且必须遵守节俭消费的规定。乱数假文
多洛雷斯·帕里塔特错误沃鲁塔特·沃鲁塔特·沃鲁塔特·自由信仰妨碍了发明者维罗、铜耳环、负号、尤拉姆·雷西恩迪斯的尊严

《国际公共部门会计准则》（ipsa magnam ex ipsam voluptatibus Minimum sequi non）的实践解决方案，其生命价值应包括对他人的尊重、对他人的尊重、对他人的尊重和对他人的尊重等？一个神秘的夜晚，一个美丽的夜晚，一个美丽的夜晚，一个美丽的夜晚，一个美丽的夜晚

在
moreText
功能中，您将元素的高度设置为自动：

el.style.height = "auto";

在
lessText
函数中恢复此设置，您将修复错误

el.style.height = null;


函数ellipsizeTex（id）{
var el=document.getElementById（id）；
var btn=$（“#撤消_截断”）；
var wordArray=el.innerHTML.split（“”）；
var initialHtml=el.innerHTML；
var init=函数（）{
同时（el.scrollHeight>el.offsetHeight）{
pop（）；
el.innerHTML=wordArray.join（“”）+’…”；
}
btn.removeClass（'hide-text'）.addClass（'show-text'）.text（“show more”）；
}
var lessText=函数（）{
el.style.height=null；
el.innerHTML=wordArray.join（“”）+’…”；
btn.removeClass（'hide-text'）.addClass（'show-text'）.text（“show more”）；
}
var moreText=函数（）{
el.innerHTML=initialHtml；
el.style.height=“自动”；
btn.removeClass（'show-text'）.addClass（'hide-text'）.text（“show-less”）；
}
init（）；
点击功能（事件）{
event.preventDefault（）；
if（$（this）.hasClass（'show-text'））{
moreText（）；
}否则{
lessText（）；
}
});
}
ellipsizeTex（“树干”）
#truncard{
填充：0 10px；
背景：#fff；
高度：72px；
}

Lorem ipsum dolor sit amet，奉献精英。根据《宪法》的规定，面部照明减去身体的生命必须包括劳动质量，并且必须遵守节俭消费的规定。乱数假文
多洛雷斯·帕里塔特错误沃鲁塔特·沃鲁塔特·沃鲁塔特·自由信仰妨碍了发明者维罗、铜耳环、负号、尤拉姆·雷西恩迪斯的尊严

《国际公共部门会计准则》（ipsa magnam ex ipsam voluptatibus Minimum sequi non）的实践解决方案，其生命价值应包括对他人的尊重、对他人的尊重、对他人的尊重和对他人的尊重等？一个神秘的夜晚，一个美丽的夜晚，一个美丽的夜晚，一个美丽的夜晚，一个美丽的夜晚

不幸的是，如果多次单击按钮，文本会逐渐缩短。