Променям атрибутите (#logo) на този div по този начин
$('#logo').stop().animate({
left: 150,
height: 78,
marginTop: 45
}
След 2 секунди след като анимацията приключи, я карам да изчезне с .hide('slow'), сега, докато е скрита, не искам да променя атрибутите й отляво, височина и marginTop на стари по подразбиране без анимация, защото когато Аз правя чрез animate се появява. Имам предвид става display:block. Искам да направя това скрито и след това fideIn.
Можете да използвате .css в обратно извикване, което се изпълнява след завършване на анимацията:
$('#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();
});
Просто използвайте функцията jQuery css, за да върнете свойствата обратно към първоначалните им стойности.
$('#logo').stop().animate({
left: 150,
height: 78,
marginTop: 45
}).hide('slow', function() {
$(this).css({
left: 0,
height: 50,
marginTop: 10
}).fadeIn();
});
