在jquery UI中降低手风琴的速度

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 docs:

活跃

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

支持多种类型:

• Boolean:值false将禁用动画.
• Number:默认缓动的持续时间(以毫秒为单位).
• 字符串:默认持续时间使用的缓动名称.
• 对象:具有缓动和持续时间属性的动画设置.
  • 也可以包含具有上述任何选项的down属性.
  • 当被激活的面板具有比当前活动面板更低的索引时,发生"向下"动画.