<javascript, jquery>hide(), show(), toggle() 사용법

제이쿼리는 자바스크립트 '라이브러리'로써 순수 자바스크립트 코드로 구현할수 있는걸 보다 간편하게 해주는 기능이 있다. 페이지에서 많이 쓰이는 목록 숨기기와 보이기를 다루어 보겠다.

 

See the Pen jOWGayp by Sang Hoon Jeong (@DevilFront) on CodePen.

 

이런식으로 클래스이름으로 효과를 줄 수 있고 직접 그떄마다 스타일을 먹여서 효과를 줄 수도 있다. 

 

 

 

이걸 간단하게 제이쿼리를 이용해서 해보겠다.

 

 

See the Pen wvMPepP by Sang Hoon Jeong (@DevilFront) on CodePen.

 

괄호안의 400은 ms로 transition 효과를 0.4초간 주겠다는 것이고 이것으로 간단하게 목록숨기기와 나타내기를 구현할 수 있다.