如何为同时更改文本的多个元素创建javascript显示/隐藏切换？

我正在尝试创建每页使用多次的显示/隐藏切换。我相信我正在使用的脚本正在工作，但我希望它也能将被点击链接的文本从“阅读更多”改为“阅读更少”

我已经尽了最大的努力在网站上筛选了好几篇不同的帖子，但我似乎无法找出变化的文本部分。我尝试过不同的代码变体，但它们似乎都不能同时完成上述两项任务

功能切换读取（id）{
var toggle=document.getElementById（id）；
如果（toggle.style.display=='block'）{
toggle.style.display='none'；
}else toggle.style.display='block'；
};

隐藏此div容器中的文本
阅读更多

隐藏此div容器中的文本
阅读更多
如果您还想更改内部文本，则只需根据您的条件添加此代码即可。
为每个“读取更多”标记添加Id

document.getElementById('readmore').innerText='readless';

您还需要参考切换链接，以便更改其文本。
我将以不同的方式编写整个内容，但为了坚持您的代码，您可以将其更改为同时引用“阅读更多”/“阅读更少”链接：


功能切换读取（id，触发链接）{
var toggle=document.getElementById（id）；
如果（toggle.style.display=='block'）{
toggle.style.display='none'；
triggeringLink.innerHTML='readmore'；
}否则{
toggle.style.display='block'；
triggeringLink.innerHTML='readless'；
}
}

隐藏此div容器中的文本


阅读更多

隐藏此div容器中的文本


阅读更多

Simplest也应该作为名为say t inside function的参数发送，然后更改t.innerText或t.innerHTML。在他的代码中没有这样的ID，多个相同的ID将不起作用-get将仅返回第一个。