jquery和折叠效果：直接隐藏没有动画

Question

我正在尝试使用fold 效果为具有 3-4 个子 div 的 div 设置动画：

$("#main div").each(function () {
    $(this).click(function () {
        $(this).effect('fold',{},'2000',callback);
    })
});

当我点击主 div 时，它通常会消失，效果很好。但实际上，不，它只是消失了。

Here is a link 在那里你可以看到发生了什么（我使用的是 firefox）- (link)

Answer 1

要使用effect 动画，您必须包含jQuery UI 库，或者至少包含与动画相关的部分，因为基本的jQuery 库只有linear 和swing：

jQuery 库中唯一的缓动实现是默认的，称为摇摆，以及以恒定速度进行的缓动实现，称为线性。使用插件可以使用更多的缓动功能，尤其是jQuery UI suite。

（引自：http://api.jquery.com/hide/）

要仅下载效果（“缓动”动画），您可以访问：jQuery UI's download page，并仅选择“效果”组件。