.fadeOut ([duration] [, complete])

설명 : 일치하는 요소를 투명하게 페이드하여 숨 깁니다.

이 .fadeOut()메서드는 일치하는 요소의 불투명도를 애니메이션으로 나타냅니다. 불투명도가 0이되면 display스타일 속성이로 설정 none되므로 요소가 더 이상 페이지의 레이아웃에 영향을 미치지 않습니다.

기간은 밀리 초 단위로 표시됩니다. 값이 높을수록 느린 애니메이션이 아니라 빠른 애니메이션이 표시됩니다. 문자열 'fast'및 'slow'은 각각 지속 시간 200및 600밀리 초 를 나타 내기 위해 제공 될 수 있습니다 . 다른 문자열이 제공되거나 duration매개 변수가 생략되면 기본 기간 인  400밀리 초가 사용됩니다.

간단한 이미지와 같은 요소를 애니메이트 할 수 있습니다.

<div id="clickme">

  Click here

</div>

<img id="book" src="book.png" alt="" width="100" height="123">

처음에 표시된 요소를 사용하여 천천히 숨길 수 있습니다.

$( "#clickme" ).click(function() {

  $( "#book" ).fadeOut( "slow", function() {

    // Animation complete.

  });

});