details标签

details 标记是HTML5中新增的元素，功能是描述文档或文档某个部分的细节。与 summary 标签配合使用可以为 details 定义标题。默认情况下，不显示 details 标记中的内容。当用户点击标题时，会显示出 details。 其效果和我们点击鼠标实现内容的显示隐藏效果类似。

details元素的常用属性如下：
open:值为open，功能是定义details是否可见。
subject:值为sub_id，功能是设置元素所对应项目的ID号。
draggable:值为true或false,功能是设置是否可以拖动元素，默认值是false。

<details>
        <summary>显示隐藏</summary>
        <p>此处是内容</p>
</details>

目前仅Chrome, Safari 8+ 和Opera 26+支持此标签。