javascript - 想要 : simple HTML file that does disclosure triangle <div> hide/reveal

标签 javascript dhtml

我有一个生成文本报告的程序。我想让它制作一个带有多个三 Angular 形的 HTML 报告,这样当你点击一个三 Angular 形时,更多的报告会显示或隐藏。我可以在文件中嵌入 JavaScript,但我真的希望将它全部放在一个文件中,没有其他文件。有没有一种使用现代浏览器执行此操作的简单方法?

最佳答案

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

这是一种非常快速的原型(prototype)显示三 Angular 形的方法。 例如:

<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>

关于javascript - 想要 : simple HTML file that does disclosure triangle <div> hide/reveal,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5286226/

相关文章:

javascript - 将一个元素定位在 Javascript 中另一个元素的下方

javascript - 为什么这段代码只能在函数内部运行?

javascript - 如何让 Textarea 像 WordPress 一样工作

javascript - 更新 Chrome 存储对象键值

php - facebook 如何知道需要从 URL 获取哪些图像?

javascript - 正则表达式 : How can I find form fields named with specific character sequence in a form using javascript?

javascript - React 版本的 ngForm

javascript - 捕获 iframe 加载完成事件

javascript - Firefox 等是否有相当于 onbeforedeactivate 事件?

javascript - 滚动窗口在鼠标悬停时滚动