折叠时使fadeToggle更加平滑

Question

当动画完成后，当我点击我的jsFiddle：http://jsfiddle.net/KAAHM/中的Toggle锚点时，剩余的<li>的折叠是不和谐的。

我想知道是否有一种快速的方法可以让它像http://razorjack.net/quicksand/一样顺畅？

其余项目如何滑动到新的位置而不是仅仅崩溃。

不要以为我必须保留fadeToggle，但我希望它能够消失，然后明显地消失，然后是身体上的消失。

Answer 1

我已更新你的小提琴 - http://jsfiddle.net/KAAHM/1/

背后的基本思想是将宽度应用于父li元素，淡出锚点然后将父li元素的宽度设置为零，最后删除这些元素。

这样，保持放置的一个元素可以平滑地放置在父容器的左边缘附近。