0

我有一个accordionOptions对象在我的页面上调节手风琴对象的行为。看起来像：

 var accordionOptions = {
                icons: {
                    header: 'ui-icon-circle-arrows-e',
                    activeHeader: 'ui-icon-notice'
                },
                animate: {
                    easing: 'easeOutBounce',
                    duration: 1000
                }
            }

我正在使用该对象来确定手风琴的行为，如下所示：

 $('#accordion1').accordion({
                icons: accordionOptions.icons,
                animate: accordionOptions.animate
            });

我的页面上有一个锚标记，当单击它时，我打算让它在单击新面板时具有与手风琴相同的动画：

$('#btnChange').click(function () {
                $('#test').animate({

                    easing: accordionOptions.animate.easing
                });
            });

你可以在这里的小提琴中看到这不起作用。我尝试了几件事，都没有成功。如何使用我的论点将我想要的行为附加到testdiv ？accordionOptions

4

1 回答 1

1

使用缓动 for 与 for.animate稍有不同.accordion——您需要将持续时间和缓动与应该动画的内容分开传递。您应该设置一个高度或它应该动画的任何属性。

$('#test').animate({ height: 100 }, accordionOptions.animate.duration, accordionOptions.animate.easing);

或更短的语法类似于您最初的操作方式：

$('#test').animate({ height: 100 }, accordionOptions.animate);

更新小提琴：http: //jsfiddle.net/C6Eax/1/

于 2013-10-11T20:02:35.400 回答