动画函数的jquery问题

时间:2010-08-24 12:07:04

标签: jquery jquery-animate

我使用jquery为div设置动画。你可以在这里看到我的动画。在页面底部,单击“给我打电话”按钮。现在你看到我用jquery制作的动画。 http://www.mikevierwind.nl/test/

现在我的动画出错了。我将这个jquery代码用于动画。

nieuwsbrief_formulier_open = true;
            $(this).parent('li').addClass('actief');
            $("#formulier-callme").animate( { width:"375px" }, 1000 )
                .animate( { height:"270px" }, 1000 )

但动画出错了。现在,他在第一部动画的顶部制作动画。但我希望他能在第一个动画的底部制作动画。

我怎样才能做到这一点。谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

不用担心!您只是将动画函数链接在一起,而应该是上一个动画中的回调:

nieuwsbrief_formulier_open = true;
        $(this).parent('li').addClass('actief');
        $("#formulier-callme").animate( { height:"270px" }, 1000, function(){
            $(this).animate( { width:"375px" }, 1000 );
        });

您还可以在this thread中获取有关jQuery动画的更多信息