2013-05-15 2 views
0

Я взламываю исправление для слайда jquery вниз, который прыгает.Как вы затягиваете анимацию с помощью .animate?

До сих пор у меня есть:

$div.hide().css({ height : 0 }); 
$div.show().animate({ height : height }, { duration: 1000 }); 

Но я хочу, чтобы задержать показ Teh DIV на 1 секунду. Я пробовал .delay (1000), но он не работает.

Благодарим за помощь.

+0

включить шоу в анимацию и '.delay (1000)' будет работать. '.show (1)' –

+0

http://api.jquery.com/delay/ – edhedges

ответ

1

Вы можете использовать setTimeout

setTimeout(function(){ 
    $div.show().animate({ height : height }, { duration: 1000 }); 
},1000); // 1 second delay 
1

довольно просто выполнить.

$div.hide().css({ height : 0 }); 
setTimeout(function() { 
$div.show().animate({ height : height }, { duration: 1000 }), 1000) 
}; 
+0

Спасибо, вы знаете, как я буду запускать функцию для анимации? – panthro

+0

Это действительно довольно просто. 'setTimeout (function() { $ div.show(). animimate ({height: height}, {duration: 1000}), 1000, function() {alert ('Эй! Анимация закончена!')}) }; ' –

Смежные вопросы