使用display控制元素顯示/隱藏時，transition失效

可以使用opacity配合position來實現(xiàn)

opacity: 0;
position: absolute;

但是這時又會出現(xiàn)因為絕對定位，導致元素從文檔流中脫離，導致元素不占用頁面空間顯示高度為0

這時可以將第一個元素設置為relative,第一個元素在它的默認位置并且占用空間，其他元素則設置絕對定位層疊在上面。

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

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