Как судить об одушевленной функции и показать что-то?

Question

код такой:

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

Я хочу показать div с классом show-class после завершения функции animate, что я могу сделать?

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(); })