想要：可以隐藏/显示三角形 <div> 的简单 HTML 文件

Question

我有一个可以生成文本报告的程序。我希望它制作一个包含多个显示三角形的 HTML 报告，以便当您单击三角形时显示或隐藏更多报告。我同意将 JavaScript 嵌入到文件中，但我真的希望将其全部放在一个文件中，而不需要其他文件。有没有一种简单的方法可以使用现代浏览器来做到这一点？

Answer 1

如果您不关心与 Internet Explorer 的兼容性，您可以使用 html 标签：http://www.w3schools.com/tags/tag_details.asp

这是制作披露三角形原型的非常快速的方法。例如：

<details>
  <summary>The contents of the summary tag is always visible</summary>
  <p>Everything else inside the details tag will be hidden in a disclosure triangle</p>
</details>