设计折叠面板
说明：折叠面板在网页中应用范围比较广，它主要利用CSS隐藏和显示属性，借用JavaScript脚本进行动态控制。
1、 使用任何两个标签都可以实现折叠效果，不过使用定义列表是最佳语义结构选择，dl元素用来构建折叠面板的外框，dt元素用来构建折叠面板的标题栏，dd元素用来构建面板的主体内容。
2、 在设置折叠之前，我们先用CSS来改变一下它的样式。
3、 再定义两个类样式，分别用来隐藏和显示对象。
4、 在JavaScript脚本中定义一个函数用来展开和折叠的事件。
5、 给标题栏一个onclick事件