jquery animate function callback

Question

I have a jquery animate function with a callback that isn't firing, I think it's something simple that another pair of eyes will pick up quickly. This is the code:

$('#base_back_img').animate({
  width:372,
  height:389,
  marginLeft:0,
  paddingTop:0,
  marginTop:1
}, {duration:300, queue:false},
  function() {
   $('#menu-text').css({
     display:'block'
   });     
   $('#mini-menu').fadeOut();
 });

Karl-André Gagnon · Accepted Answer · 2013-06-18 00:02:26Z

3

When using animate with an object as argument, you need to use complete just like that :

$('#base_back_img').animate({
    width:372,
    height:389,
    marginLeft:0,
    paddingTop:0,
    marginTop:1
}, {duration:300,
    queue:false,
    complete : function() {
        $('#menu-text').css({
            display:'block'
        });     
        $('#mini-menu').fadeOut();
    }
});

See all properties here : http://api.jquery.com/animate/#animate-properties-options

answered Jun 18, 2013 at 0:02

Karl-André Gagnon

33.9k5 gold badges53 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user1864610 · Accepted Answer · 2013-06-18 00:05:33Z

0

I think you need to move your callback into your options object, like this:

$('#base_back_img').animate({
  width:372,
  height:389,
  marginLeft:0,
  paddingTop:0,
  marginTop:1
}, 
{duration:300,
 queue:false,
 complete:function() {
   $('#menu-text').css({
      display:'block'
   });     
 $('#mini-menu').fadeOut();
}

} );

answered Jun 18, 2013 at 0:05

user1864610

Collectives™ on Stack Overflow

jquery animate function callback

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related