HTML5 detail展开收缩，抛弃JS

目前只有Chrome版本12以上和Safari支持，IE，火狐，欧鹏都不支持。这个效果经常使用，但它总是用Javascript实现的。

代码结构如下：

<details open>
	<summary>展开/收缩</summary>
	这里是展开的内容
</details>

open表示默认展开
它允许我们在点击summary标签时显示和隐藏details里的其他内容。
不能嵌套使用。
summary标签会自动有个箭头，当你点击它时，下面的附加信息将会呈现，再次点击则隐藏。
FAQ页面中经常使用这个功能。

预览

转自：bigk.cn