Toggle (2) 썸네일형 리스트형 HTML - jQuery를 이용한 toggle() 예제 ( 사진 열기 ) 이번엔 class를 따로 지정하지 않고 ID만으로 toggle 시키는 예제이다. 버튼 이미지인 box은 기본적으로 display: none; 상태로 설정되어있는데 toggle()을 통해 display 되도록 한다. 이곳에서 button:eq()는 버튼이 여러개 있을 때 몇 번 째 버튼인지 알려주기 위함이고, toggle("fast")는 투글이 활성화 되어서 display가 되는 속도를 조절하는 것이다. slow로 하게 된다면 천천히 디스플레이된다. 수행결과 HTML - jQuery를 이용한 toggleClass("on") 예제 액션1 액션2 액션3 toggleClass를 사용해 box 에 on class를 추가하면 위에 스타일이 적용되어 폼이 변경되는 방식 수행결과 버튼 1 : 왼쪽 주황박스 버튼 2 : 오른쪽 파랑박스 버튼 3: 두개 동시 조작 이전 1 다음