HTML5 新标签 details 元素刚刚被集成到 Chrome 最新的 12 版中。我将会在今天的快速入门中展示如何来使用它。
__
Details标签可以用来做什么？
它本质上允许我们在点击标签时显示和隐藏内容。你一定相当熟悉这种效果，但是直到现在，它总是用Javascript实现的。想象头部之后有一个箭头，当你点击它时，下面的附加信息将会呈现。再次点击箭头内容消失。FAQ页面中经常使用这个功能。
Details元素允许我们完全抛开Javascript。或者说，它将做到这样，因为浏览器的支持还乏善可陈。
下图是浏览器的支持情况：
废话少说，来看代码吧：