在上一篇随笔读书笔记：《HTML5开发手册》--figure、time、details、mark中，介绍了语义化标签details，如果还不知道其用法的可以点进去看一眼，本次就特地实战一下。

在HTML5之前，想通过纯CSS实现手风琴效果一般是借助checked或者target来完成，不过，HTML5提供了details元素，我们可以光明正大的拿来做手风琴了。

现在根据这篇文章The details and summary elements来实际操作一下。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式