Javascript 网格加载效果-css带过滤器选项-js

我正在使用网格加载效果来显示我的图像库。今天我决定在图库中添加一个过滤器选项，但遇到了一个问题。当我使用其中一个过滤器选项时，图像不会一起滑动，而是保持在显示所有图像时的相同位置。有没有办法让它们一起滑动

这是我在gallery中使用的： 对于过滤器：

我试图在JSFIDLE中将其全部放在一起，但出于某种原因，网格加载效果在那里不起作用！这就是我目前正在使用的：

这是照片。 全部： 过滤器：

我还想指出，我对javascript不是很熟悉

p、 对不起，我的英语不好。如果有错误，请编辑，这样我就可以学习了！：）