jQuery 이펙트(Effects) - stop 실행 중단

여러가지 효과를 주다 보면 중단을 시켜야할 때도 있다.

그럴때 사용하는 것이 stop 이다.

 

구문은 다음과 같다.

$(selector).stop(stopAll, gotToEnd); 

일단 두상(head)과 몸뚱아리를 만들어 어떻게 동작을 하는지 보도록 하자.

$(document).ready(function(){ 	$("#flip").click(function(){ 		$("#panel").slideToggle(10000); 	}); 	$("#stop").click(function(){ 		$("#panel").stop(); 	}); }); 

몸통은 다음과 같이 작성한다.

이놈 꼼짝마

클릭하시면 쑥쑥 자라나요.

은행 이자가 이렇게 늘어나면 좋겠는데

상단부를 누르면 자라목과 같이 슉하고 나오는데 그 동안에 상단의 버튼을 누르면 중단한다.