Transition的展开动漫式

一．

1. transition是一个动漫函数，下面我将介绍transition可以对一个高度变化进行动漫式的变化。

2. 如图1，当我们点击图1的时候就会就会外下拉伸，但是，是一个动漫效果的拉伸，
   图2便是我的html的布局了，图1就是一种table表格。

3. 首先我们建立一个table表格，但外层table记得让其100%的宽度，不然字体没有办法如图1一样，还得把th,td标签设置为居中text-align:center。

易错点：table把写成teble的单词。

图1

图2

二．
1.想要实现点击就可以的话，首先还得要Js中的点击事件才可以，如图3，我们首项获取到表格和展开,收起中的id,但点击展开更多的时候，重新设计一下高度，就可以了，再让其展开更多隐藏，再把收取显示出来。

易错点：获取id容易获取错，但获取到是可以在浏览器中，console.log()一下。

图3