Jquery 애니메이션으로 배경 이미지 깜박임

Question

jquery .animate 함수를 사용하여 단순한 아코디언을 만들었습니다. 탐색은 각각 배경 이미지가 포함 된 탭 형식입니다. 아코디언은 탭 이미지가 사라지고 다시 나타나는 애니메이션 효과를 제외하고는 잘 작동합니다. 여기

http://www.piersrueb.com/newsite_tabs/

JS된다 : 여기 링크입니다

$(document).ready(function(){ 

$('.tab-1').toggle(function() { 
      $('.section-1').animate({width: 800}); 
      $('.section-2').animate({width: 60}); 
     }, function() { 
      $('.section-1').animate({width: 30}); 
     }); 

$('.tab-2').toggle(function() { 
      $('.section-2').animate({width: 800}); 
      $('.section-1').animate({width: 30}); 
     }, function() { 
      $('.section-2').animate({width: 60}); 
     }); 

}); 

Answer 1

탭-1 애니메이션 전체 상위 사업부에서 클릭 지금 섹션-1과 탭-1의 부모 DIV를 확인합니다. 섹션 -2 및 탭 -2에 대해서도 동일하게 수행하십시오. 나는 그것이 효과가있을 것이라고 생각한다. 이제는 섹션과 탭이 별도로 움직이기 때문에 지연이 발생합니다.