[jQuery] animate에서 stop() 의 중요성

 

hover, mouseleave() 사용시에는 앞부분에 stop()을 꼭 넣어주어야 한다.

그 이유는??

사용자가 마우스를 꼭 한번만 가져갔다가 뗀다는 법은 없기때문에 

예를들어 탭을 hover했을 때 하위 tab이 slideDown된다고 하면 stop을 걸지 않았을 경우 slideDown이 여러번에 걸쳐 보여지게 될 수 있다.

이런 현상을 막기 위해서 stop()함수를 걸어 진행중인 animate를 pass하고 다음 것을 진행하게 만드는 것이다.

그럼 여러번 hover해도 마지막에 실행한 hover만 진행하게 된다.