如何在列表中删除一个元素，后面的元素动态跟进呢？

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

如何删除第一个li后，后面的li能动画的跟上去，跟http://www.daimajiayuan.com/preview/17990.html这个差不多 :)

---

jQuery 有个animate方法，可以达到这个效果，演示Demo

---

只要理解原理用原生写起来也很简单。把这个删除动作想象成两个，先动画减小长度然后再删除即可。
http://jsfiddle.net/a7z7fgxf/