html - 可扩展的文本简化 HTML

Question

有人可以向我指出一个 HTML 中的示例代码，该代码将文本放入

 <h1>the text here in h1 tags</h1> 

并把它变成一个点击激活的文本expand-er和collapse-r，类似于第一个文本框中的代码：http: //jdstiles.com/java/expandcollapsesections.html

Answer 1

我将如何更改此代码，以便<h1>text</h1>在标题旁边显示展开/折叠按钮而不是单词“展开/折叠”？

你不会的。取而代之的是（并且假设您不是经过一些纯 CSS 的 hack），您将定义一个客户端 JS 函数来隐藏/显示相关区域，并将其附加到 H1 标签上的适当事件。

您将使用的确切方法取决于您的目标。但是像这样的 DOM 操作，无论是通过添加/删除 CSS 规则还是直接属性，都是在浏览器上使用 JavaScript 的最大原因。如果超出您的能力范围，请勿将他人的代码复制并粘贴到您自己的网站中。使用框架或将其用作学习机会。