jquery - 降低 jquery UI 中 Accordion 的速度

Question

这段代码有两个问题:

首先我想降低效果的速度。

第二个效果就是关闭一个标签页，然后就会出现下面的新标签页

if ($('#sidebar ul').length) {
    $("#sidebar ul").accordion({
        event: "mouseover",
        active: 1,
        collapsible: false,
        autoHeight: false
    });
}

示例网址:http://jsfiddle.net/8pKMh/

Answer 1

对于速度，请使用 animate :

if ($('#sidebar ul').length) {
    $("#sidebar ul").accordion({
        event: "mouseover",
        active: 1,
        collapsible: false,
        autoHeight: false,
        animate: 2000 // miliseconds
    });
}​

来自 jquery ui 文档:

动画

是否以及如何为更改面板设置动画。

支持多种类型:

• bool 值:值为 false 将禁用动画。
• 数字:默认缓动的持续时间(以毫秒为单位)。
• 字符串:与默认持续时间一起使用的缓动名称。
• 对象:具有缓动和持续时间属性的动画设置。
  • 还可以包含具有上述任何选项的 down 属性。
  • 当正在激活的面板的索引低于当前事件面板的索引时，会出现“向下”动画。