[游戏开发]HTML展开收起动画过渡

1.新建一个HTML文件，并引入css、JavaScript文件?

2.在body内创建div标签,并给它一个类名（cont）和一些样式,例如：

3.然后在div（cont）标签内放入一个div标签（cont-table）,在div标签内写一些内容

4.给div（cont-table）内的table标签写些样式

5.然后在div（cont）内、div（cont-table）下方写入开关的代码还有样式,如图：

6.收起部分内容，将内容的高度设置成“显示的内容部分”和过渡效果“transition”。如图：

7.然后在脚本文件内写显示隐藏，展开更多：先获取表格和开关

8.展开更多：设置表格的高度和开关的显示隐藏，如图：

9.复制展开更多，粘贴在下面，更改些内容，命名、表格高度、开关顺序。如图：

10.将脚本写入div（cont-but）内的p标签、onClick=鼠标点击。如图：