Javascript 在省略号单击时展开和收缩

因此，我在我的一个小部件中有一个评论部分，我想在省略号单击时加入“，展开和收缩文本””，但我遇到了一些问题，例如：

在一定数量的单词之后切断

没有用身体包裹的词语

以下是当前评论的外观：

我的尝试是这样的

函数RevealHiddenOverflow（d）{
如果（d.style.overflow==“隐藏”）{
d、 style.overflow=“可见”；
}否则{
d、 style.overflow=“隐藏”；
}
}

.truncate{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

Lorem ipsum door sit amet，连续的发展精英，在劳动力和大型企业的临时投资中。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除了偶尔出于谨慎，还必须为动物的劳动负责

您遇到的问题是

空白：nowrap强制将其设置为一行。您可以像更改可见性一样更改它，或者更好的是，只需在单击时切换类即可删除/添加它


函数RevealHiddenOverflow（d）{
d、 切换（“截断”）
}
.truncate{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

Lorem ipsum door sit amet，连续的发展精英，在劳动力和大型企业的临时投资中。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
我的心在我的心上，我的心在我的心上。除了偶尔出于谨慎，还必须为动物的劳动负责
我给你写了一个片段。请添加相关CSSneed以将CSS更改为wrap。。。。