javascript - 折叠时让 fadeToggle 更平滑

Question

当我点击切换Toggle我的 jsFiddle 中的锚点时：http: //jsfiddle.net/KAAHM/当动画完成时，剩余部分的折叠<li>是刺耳而突然的。

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

剩余的项目如何滑到它们的新位置，而不仅仅是崩溃。

不要认为我必须保留fadeToggle，但我希望它褪色，然后明显消失，然后是身体。

Answer 1

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

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

这样，留在原处的一个元素平滑地放置在父容器的左边缘附近。