如何更改 jQuery Accordion 的动画风格？

Question

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

这是我当前的代码：

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

我想将其从幻灯片更改为下降或弹跳。

Answer 1

您可以使用动画选项来实现此目的，例如，要获得弹跳：

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

默认为 'slide'，您可以在此处查看演示。

Answer 2

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

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