Javascript 展开“阅读更多”文本

我试图使这个框，以便当你点击阅读更多，它会变得更大，并显示下面的文字。还想制作一个按钮，再次关闭文本

到目前为止，我尝试了toggletext javascript命令， 可在以下网址找到： 但是它只把文本放在readmore下面，它不会影响下面的框，所以所有的句子都在下一个div元素后面

还尝试了dreamweaver中的spry可折叠面板，它做了同样的事情，隐藏在后面，不再打开

另一件事是，我制作的扩展函数只能定制一次，如果我复制它，第二个函数将打开第一个函数的文本

我需要让这个很容易交给办公室里没有网页设计经验的人来管理这个部分

我是一个新手设计师，非常感谢一些帮助或新的想法如何做到这一点。谢谢

链接：

---

这是一个造型的东西。在包含“阅读更多”按钮的div.plistobtxtbox上声明了height属性。如果在home.css文件中删除该声明，则单击“阅读更多”按钮时，应按下“阅读更多”内容下的内容。

此链接有一个使用jquery创建“阅读更多”的示例：正如您所知。。。您的网站抛出大量JavaScript错误。