изменить размер отступа div с помощью jqueryui / jquery

Question

У меня есть div с верхним отступом 140px.Я хочу изменить верхний отступ до 30 пикселей.Как я могу сделать это и получить плавную анимацию с помощью jqueryui / jquery?

Answer 1

Примерно так:

$('#divID').animate({paddingTop: '30px'});

Answer 2

$('#divid').animate({ padding-top: 30px }, 5000, function() { //on completefunction });

В приведенном выше примере первый {} представляет собой список свойств CSS для анимации.Второй аргумент - это количество миллисекунд, которое должна занять анимация, функция () - это вызов, который должен быть сделан, когда анимация завершена.

Вы можете изменить время выполнения с 5000 на большее или меньшее в зависимостина сколько времени вы хотите, чтобы анимация заняла.