使用display控制元素显示/隐藏时，transition失效

可以使用opacity配合position来实现

opacity: 0;
position: absolute;

但是这时又会出现因为绝对定位，导致元素从文档流中脱离，导致元素不占用页面空间显示高度为0

这时可以将第一个元素设置为relative,第一个元素在它的默认位置并且占用空间，其他元素则设置绝对定位层叠在上面。

.row:first-of-type{
    position: relative;
}

这里列表都是相同类型元素，first-child或first-of-type都是可以的