如何判断动画功能完整并展示一些东西？

Question

这样的代码：

$(".hide").click(function(){
    $(".online-contact").animate({width: 'toggle',height: '100%'}, "fast");         
    $(this).hide();
    $(".show-class").show();
})

我想在动画功能完成时用show-class类显示div，我能做什么？

Answer 1

你可以尝试：

$(".hide").click(function() {
    $(".online-contact")
        .animate({
            width: 'toggle',
            height: '100%'
        }, "fast",
        function() {
            // your code goes here..
            // this code will execute after the animation ended
        }); 

Answer 2

Animate可以进行回调，这是一个在动画完成时运行的函数，如下所示：

$(".hide").click(function(){ $(".online-contact").animate({width: 'toggle',height: '100%'}, "fast", function() {$(".show-class").show();});
 $(this).hide(); })