기본효과

hide() 메소드는 요소에 대해 dispay:none을 적용하고, show()는 dispaly:block 또는 display:inline을 적용함

hide(), show(), toggle() 메소드를 사용하면 요소의 display 속성 값을 jQuery 데이터 캐시에 저장해 두기 때문에 복원 시 display 설 정 을 이전 값으로 돌려줌

hide() 메소드는 요소가 사라지는 애니메이션 효과를 주기 위해 사용 .hide() .hide( duration [, callback] ) .hide( [duration] [, easing] [, callback] ) duration:애니메이션이 실행되는 시간(1/1000초 단위)을 설정하는 문자열 또는 숫자 값 입니다. ‘slow’, normal’, ‘fast’ 문자열을 사용하 수 있습니다. (각각 200, 400, 600) ca llback: 애니메이션이 끝났을 때 호출되는 함수입니다. easing: 트랜지션에 사용하는 easing 함수 이름의 문자열입니다. easing 함수는 플러그 인이기 때문에 관련 라이브러리 파일이 필요합니다.

show() 메소드는 요소가 나타나는 애니메이션 효과를 주기 위해 사용 .show() .show( duration [, callback] ) .show( [duration] [, easing] [, callback] ) duration:애니메이션이 실행되는 시간(1/1000초 단위)을 설정하는 문자열 또는 숫자 값입니다. ‘slow’, normal’, ‘fast’ 문자열을 사용하 수 있습니다. (각각 200, 400, 600) callback: 애니메이션이 끝났을 때 호출되는 함수입니다. easing: 트랜지션에 사용하는 easing 함수 이름의 문자열입니다. easing 함수는 플러 그인이기 때문에 관련 라이브러리 파일이 필요합니다

toggle() 메소드는 show()와 hide()를 번갈아 실행시켜 애니메이션 효과를 주기 위해 사용 .toggle( [duration] [, callback] ) .toggle( [duration] [, easing] [, callback] ) .toggle( showOrHide ) duration:애니메이션이 실행되는 시간(1/1000초 단위)을 설정하는 문자열 또는 숫자 값입니 다. ‘slow’, normal’, ‘fast’ 문자열을 사용하 수 있습니다. (각각 200, 400, 600) callback: 애니메이션이 끝났을 때 호출되는 함수입니다. easing: 트랜지션에 사용하는 easing 함수 이름의 문자열입니다. easing 함수는 플러그인 이기 때문에 관련 라이브러리 파일이 필요합니다. showOrHide: 요소를 나타낼 것인지(true), 숨길 것인지(false) 알려주는 불리언 값입니다.