Question

I’m changing this div’s (#logo)attributes like this

$('#logo').stop().animate({
left: 150,
height: 78,
marginTop: 45
}

After 2 seconds after animation is finished, I make it disappear with .hide(‘slow’), now while it is hidden I wan’t to change it’s attributes the same left, height and marginTop to old default ones without animation, because when I do through animate it appears. I mean becomes display:block. I want to make this hidden and then fideIn.

Answer 1

You can use .css in a callback which runs once the animation is complete:

$('#logo').stop().animate({
    left: 150,
    height: 78,
    marginTop: 45
}, function() {
    $(this).css({
        left: 150, //Change these to whatever they were before the call to animate
        height: 78, 
        marginTop: 45
    }).fadeIn();
});