Javascript 显示/隐藏所有列表元素的效果

我正在尝试用文件夹建立图像库。当用户按文件夹名称时，它会隐藏所有图片，并仅显示此文件夹的图片。我已经设法做到了，但当图像隐藏或显示时，它们会移动到一列，然后设置动画。我怎样才能让他们一直在线

$('#folderList li').click(function () {
    var folderToShow = $(this).attr('id');
    $('#galleryList li').hide("slide", {}, 1000);
    $('#galleryList li.' + folderToShow).show("slide", {}, 1000).css("display", "inline-block");
});

---

在CSS中添加float属性

#galleryList ul li {
    display: inline-block;
    margin: 10px;
    float:left
}

---

在CSS中，将

float:left

添加到列表元素将更改其动画方式。试试看。哇，真的很管用，我没想到会这么简单：）把它添加为答案，这样你就可以关闭它了；-）