애니메이션이 표시 및 숨기기 방법에 적용되지 않습니다.

Question

$scope.hideSampleList = function ($event) { 
     $($event.currentTarget).next().hide(300); 
    } 
    else { 
     $($event.currentTarget).next().show(300);  
    } 
} 

애니메이션이 처음 네 요소에 적용됩니다. 그 후 애니메이션이 적용되지 않는다. 사람이 제안을 주시겠습니까?

Answer 1

당신은 숨기기와 쇼를 위해 애니메이션에 대한 fadeIn() 및 fadeOut() 방법을 사용할 수 있습니다.

$($event.currentTarget).next().fadeOut(300); // hide with animation 


$($event.currentTarget).next().fadeIn(300); // show with animation 

또한 slideUp() 및 slideDown() 같은 몇 가지 애니메이션을하거나 심지어는 jQuery Effects