jquery：fadeIn（）div中的一個div：可見div應該被推到右邊。

Question

我的div的兩排，每排有像這樣三個div的彼此相鄰：

[1] [2] [3] 

[4] [5] [6] 

我隱藏前三的div：

[4] [5] [6] 

一段時間後，每個隱藏的div應該淡入和推動可見的div向右像這樣：

// after some time 
[3] [4] [5] 

[6] 

// after some time 
[2] [3] [4] 

[5] [6] 


// after some time 
[1] [2] [3] 

[4] [5] [6] 

當所有的高度/的div的寬度是相同的，很容易：https://jsfiddle.net/0j53L9pz/2/

但是，當我的div有不同的高度時，它會變得有點混亂。 https://jsfiddle.net/0j53L9pz/3/

我已經研究過clearfix和/或清除：兩者，但我無法弄清楚把它放在哪裏。我的目標是：我想要有兩個乾淨的行。

Answer 1

Flexbox是你的朋友！只需在您的容器中添加顯示器柔性版，即可完成設置。

.container{ 
    display: flex; 
    flex-wrap: wrap; 
} 

https://jsfiddle.net/0j53L9pz/4/