Jquery使用嵌套元素使用show more/less缩短文本

我不是jquery方面的专家，试图在文本大于一定字符数时使用以下脚本显示ShowMore链接

以下是JSFIDLE的工作示例-

$（文档）.ready（函数（）{
var-showChar=100；
var ellipseText=“…”；
var moretext=“更多”；
var lesstext=“less”；
$（'.more'）。每个（函数（）{
var content=$（this.html（）；
如果（content.length>showChar）{
var c=content.substr（0，showChar）；
var h=content.substr（showChar-1，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；
});
});

但是，当您有嵌套元素时，此代码会中断，并且它会在页面加载时使用show more链接显示整个文本，单击该链接时会隐藏整个文本。下面是导致其损坏的内容

This is the first line of the content
<ul>
 <li>one item </li> ---- First 50 characters end after text 'one' and </li> and proceeding text goes to next moretext div.
 <li>two item </li>
 <li>three item </li>
 <li>four item </li> 
 <li>five item </li>
<ul>

这是内容的第一行

一项
——前50个字符在文本“one”和之后结束，继续进行的文本转到下一个moretext div。
两项
三项
四项
五项

---

有没有关于如何解决这个问题的建议

你能用实际文本创建一个“工作”示例并将其发布到jsfiddle.net上吗？在这里-@sonalikapor你能给出破坏实际行为的内容吗？我已经在jsfiddle的工作示例中添加了内容以及javascript，以防万一你还需要看到它。这是

Duis nisl nibh，egestas在酵母菌，viverra和purus
是一种暂时性的疾病。

This is the first line of the content
<ul>
 <li>one item </li> ---- First 50 characters end after text 'one' and </li> and proceeding text goes to next moretext div.
 <li>two item </li>
 <li>three item </li>
 <li>four item </li> 
 <li>five item </li>
<ul>