显示/隐藏所有列表元素的效果
Show/hide effect for all list elements
我正在尝试用文件夹构建图像库。当用户按下文件夹名称时,它隐藏了所有的图片,只显示这个文件夹的图片。我已经设法做到这一点,但当图像隐藏或显示他们改变移动到一列,然后动画。我怎样才能使它们始终保持在直线上?
$('#folderList li').click(function () {
var folderToShow = $(this).attr('id');
$('#galleryList li').hide("slide", {}, 1000);
$('#galleryList li.' + folderToShow).show("slide", {}, 1000).css("display", "inline-block");
});
例子jsFiddle
在CSS中添加一个float属性
#galleryList ul li {
display: inline-block;
margin: 10px;
float:left
}
相关文章:
- 将列表元素动画制作到顶部
- 使用Razor和javascript来获得下拉列表元素
- 根据列表元素的值使用JQuery获取列表元素
- 将列表元素动态添加到ul元素中
- 使用 jquery 库获取锚点列表元素内的文本
- 在没有大量回调函数的情况下在列表元素上循环播放同一动画
- 使用JSON和JavaScript添加额外的html列表元素
- 范围和列表元素在 DIV 中换行
- jQuery:影响相同深度的列表元素
- 所选列表元素不会保持选中状态(通过ajax请求更新后)
- 一次显示n个列表元素,jQuery
- 将列表元素宽度设置为文本宽度
- 选择列表元素(捕获向下/向上箭头)
- 限制要在嵌套列表jQuery中添加的列表元素的数量
- 如何从有序列表中选择一个列表元素
- 将列表元素 onclick 事件绑定到单选输入
- 每个列表元素的角度
- JQUERY 在多个无序列表中选择第 n 个列表元素
- 通过将文本替换为类来换行/中断列表元素
- 按类名包装列表元素