扩展“阅读更多”文本

Question

我正在尝试制作此框，以便当您单击“阅读更多”时，它会变大并在其下方显示文本。还想制作一个再次关闭文本的按钮。

到目前为止我尝试了toggletext javascript命令， （发现于：http://www.ehow.com/how_12006269_make-expandable-text-dreamweaver.html） 但它只会将文本放在“阅读更多”下方，不会影响其下方的框，因此所有句子都在下一个 div 元素后面运行。

还尝试了 Dreamweaver 中的 spry 可折叠面板，它做了同样的事情，隐藏在后面并且不会再次打开。

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

我需要轻松地将其交给办公室里没有网页设计经验的人员，以便稍后管理这部分。

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

链接：

http://gregorydesignbuild.net/projects/projectlist.php

Answer 1

这是一个造型问题。您在

height

上声明了

div.plistobtxtbox

属性，其中包含阅读更多按钮。如果您在 home.css 文件中删除该声明，则单击“阅读更多”按钮时，应将“阅读更多”内容下方的内容下推。

Answer 2

我在 HTML 5 中使用了“详细信息”披露元素。

只需在 WordPress 中添加一个经典文本框，然后编辑为 HTML 并添加以下标签。

进入正文

阅读更多 详细文字

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details