1. Effects

Effects

version added: 1.0

1. .animate( properties, [duration,] [easing,] [complete] )
2. .animate( properties, options ) : CSS 속성 집합의 사용자 지정 애니메이션을 수행

properties : 애니메이션쪽으로 이동합니다그렇게 CSS의 properties지도 속성.

 options : 추가 옵션 지도 방법으로 전달할 수 있습니다. 지원되는 키 :

duration : 문자열이나 애니메이션이 실행됩니다 얼마나 오래 결정 번호입니다.
easing : 전환에 사용할 기능을하는 완화 나타내는 문자열입니다.

complete : 애니메이션이 완료되면 호출하는 함수.

step : 애니메이션의 각 단계 이후에 호출하는 함수.

queue : 효과 대기열에 애니메이션을 배치할지 여부를 나타내는 부울. 거짓 경우, 애니메이션이 즉시 시작됩니다.

specialEasing : 속성 인수 및 해당 완화 기능 (1.4 추가)에 의해 정의된 CSS 속성 중 하나 이상의지도

$('#clickID').click(function() {
  $('#anID').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
    }, 5000, function() {

    // Animation complete.
  });
});

Effects.Sliding

version added: 1.4.3

1. .slideDown( [duration,] [easing,] [callback] )    : 보임
2. .slideToggle( [duration,] [easing,] [callback] )  : 토글형태 
3. .slideUp( [duration,] [easing,] [callback] )         : 숨김

# 파라미터
duration : 문자열이나 애니메이션이 실행됩니다 얼마나 오래 걸릴지 시간 (1000 = 1초)
easing   : 문자열 전환을 위해 사용하는 기능을하는 완화 나타냅니다.
callback : 애니메이션이 완료되면 기능은 호출합니다.

$('#clickID').click(function() {
  $('#anID).slideUp('slow', function() {
    // Animation complete.
  });
});