jQuery 애니메이션에 의해 주어진 CSS 값을 재설정합니다.

Question

처음 플레이 할 때 제대로 작동하는 간단한 '슬라이드'애니메이션을 만들었지 만 두 번째 또는 후속 시간에는 동일한 효과를 얻지 못합니다 (div가 보이는 것처럼 보입니다). 서로를 지나치지 만 일단 앞으로 나아가고 나면 두 번째 앞으로 애니메이션이 사라집니다).

나는 두 번째 줄에 '왼쪽'위치를 지정했기 때문에이 사실을 알고 있습니다. 애니메이션이 처음으로로드 될 때 div에는 왼쪽 값이 없으며 재생 된 값은 0입니다.하지만이를 해결하는 방법을 모르기 때문에 벽에 충돌합니다. 대본을 죽인 것일까 요? 이것은 나의 지식이 간다면, "스크립트에 의해 주어진 모든 값들을 깨끗이"하는 것과 같은 것이 있는지 전혀 모른다. 다만이 작업을 수행하므로 원래의 상태로 되돌릴 수는 style 속성에 적용되는 자바 스크립트 CSS 스타일에서

$('a.settingsTitle.settingsTitleTask').click(function() { 
    $("#settingsPortal").animate({'left': '0px','width': '0%'}, 300, function() { 
     $(this).addClass('displayNone'); 
     $("#settingsTask").removeClass('displayNone').animate({'left': '0px','width': '100%'}, 300); 
    }); 
}); 


$('a.settingsTitle.settingsTitleBack').click(function() { 
    $("#settingsTask").animate({'left': '610px','width': '0%'}, 300, function() { 
     $(this).addClass('displayNone'); 
     $("#settingsPortal").removeClass('displayNone').animate({'left': '0px','width': '100%'}, 300); 
    });   
}); 

Answer 1

: 나는 ...이 말이

Here's the jsFiddle 희망,이 내 코드입니다

$element.removeAttr('style')