如何更改jQuery手风琴的动画风格?

时间:2010-05-21 06:59:10

标签: jquery animation coding-style accordion slide

有没有办法更改jQuery手风琴使用的默认动画?它似乎是“幻灯片”,但我想使用弹跳或掉落效果。

这是我目前的代码:

$("#accordion").accordion({
    autoHeight: false,
    collapsible: true,
    event: 'click',
    active: 4
});

我想将其从幻灯片更改为掉落或反弹。

2 个答案:

答案 0 :(得分:4)

例如,您可以使用animated option for this来获得反弹:

$("#accordion").accordion({ 
  animated: 'bounceslide',
  autoHeight: false, 
  collapsible: true, 
  event: 'click', 
  active: 4
});

默认值为'slide'you can view a demo here

答案 1 :(得分:0)

如果您想要更多动画样式,可以使用 JQuery UI effects 。是的,那里也有反弹和掉落效果。

注意:您还可以使用 animate 方法构建自己的动画样式。