Question

我有一个像这样的项目列表：

<ul>
<li><div>some super awesome html here</div></li>
<li><div>another awesome item here</div></li>

...

我正在寻找一个很好的效果来弹出/删除列表中的最后一项，并在ajax调用后添加/淡入顶部的新项目。任何建议都会很棒。感谢。

编辑：比简单的淡入/淡出更先进的东西。我已经在网站上的某个地方看到过，其中有一个包含5个项目的列表，并且新项目已添加到列表中并且旧的已删除并具有很酷的效果。

Answer 1

jQuery fadeOut（）/ fadeIn（）应该可以做到这一点：

编辑：

如果你想要更高级的东西，slideUp（）/ slideDown（）提供基本的滑动动画：

如果您想通过更改CSS属性添加自己的动画，还有animate（）。