어린왕자와 여우

1) toggleClass()

보통 css class를 지정하거나, 지정되어 있는 css class를 제거할 때 addClass(), removeClass()를 이용한다.

$(selector).addClass(classname, function(index, oldclass))
$(selector).removeClass(classname, function(index, currentclass))


그런데 click 등의 이벤트 시 같은 class를 지정하거나 삭제를 번갈아해야 하는 경우가 있다.
addClass(), removeClass()로 구현이 가능하지만 이미 이 기능을 toggleClass()라고 지원한다.

$(selector).toggleClass(classname, function(index, currentclass), switch)

switch : Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false)


2) toggle()

레이어 등 요소를 없애거나 보이게 할 때 show(), hide()를 사용한다.

$(selector).show(speed, easing, callback)
$(selector).hide(speed, easing, callback)


여기서도 toggle함수가 존재하는데, 바로 toggle()이 그것이다.
toggleClass()와 마찬가지로 show()와 hide()를 click 등의 이벤트 시 호출하여 toggle을 수행한다.

$(selector).toggle(speed,easing,callback)


별 것 아니지만 최소한으로 코딩하는 습관이 중요한 것 같다.