jQuery过渡效果不起作用，需要改进

Question

我正在尝试构建一个Windows 8 Metro样式页面，其中包含一堆无序列表，每隔几秒钟隐藏和显示列表项，每个列表项都有不同的动画效果。所以我正在尝试构建一些我可以使用的不同类型的过渡效果。

如果您查看我的jsfiddle（或参见下面的代码），您可以看到我有一些效果（淡入淡出和向上/向下滑动），但我的爆炸和折叠效果不起作用

为什么爆炸和折叠不起作用？

更新：爆炸和折叠现在正在工作，感谢dsundy指出我的愚蠢，但仍然希望得到一些帮助......

另外，虽然左/右滑动工作，但是可以同时滑动新项目，因此一个LI向左滑动而另一个向右滑动之间没有长距离？

爆炸和折叠是否可以使新的LI出现在传出LI的下方？

对任何更有趣的过渡的任何建议？

$(el).hide("explode", { pieces: 4 }, 1000, function () {
  $(n).show("explode", { pieces: 4 }, 1000);
});

$(el).hide("fold", {  }, 1000, function () {
    $(n).show("fold", {  }, 1000);
});

Answer 1

爆炸和折叠无效，因为您没有这些按钮的点击功能。