jqueryui/jquery를 사용하여 div의 패딩 상단 크기 변경

Question

div가 140px의 위쪽 패딩으로되어 있습니다. 상단 패딩의 크기를 30px로 조정하고 싶습니다. 어떻게하면 jqueryui/jquery로 부드러운 애니메이션을 만들 수 있습니까?

Answer 1

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

위의 첫 번째 {}는 애니메이트 할 CSS 속성 목록입니다. 두 번째 인수는 애니메이션이 가져갈 시간 (밀리 초)이고, function()은 애니메이션이 완료 될 때 호출됩니다.

애니메이션을 실행하는 데 걸리는 시간에 따라 5000에서 실행되는 시간을 변경할 수 있습니다. 이 같은

Answer 2

뭔가 :

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