JQuery 간단한 애니메이션 이벤트 정리

화면구조는 아래와 같습니다.

	<div id="name">
	<input type="text" value="안녕하세요"><br>
	<input type="text" value="Hello World"><br>
	<input type="text" value="반갑습니다."><br>
	<input type="text" value="고맙습니다."><br>
	<input type="text" value="감사합니다."><br>
	</div>
	<div id="ko">
	<input type="text" value="좋은 아침"><br>
	<input type="text" value="좋은 점심"><br>
	<input type="text" value="좋은 저녁"><br>
	<input type="text" value="좋은 꿈 꿔"><br>
	<input type="text" value="잘 잤니?"><br>
	</div>

view raw 소스 복사하기 hosted with ❤ by GitHub

$("#name").hide(1000);

$("#name").show(1000);

$("#name").fadeOut(1000);

$("#name").fadeIn(1000);

$("#name").fadeTo(1000, 0.5);

$("#name").slideUp(1000);

$("#name").slideDown(1000);