Javascript & JQuery & CSS

jQuery Sliding는 어떤 내용이 위, 아래로 슬라이딩하게 하는 역할을 합니다.
slide 종류에는 slideDown(), slideUp(), slideToggle() 이 있습니다.

1. slideDown()

기본 문구는 $(selector).slideDown(speed,callback); 처럼 사용합니다.
괄호() 안에 숫자를 넣어 속도를 조절할 수 있으며, "slow", "fast" 등을 사용할 수 있습니다.
 

		$("#flip").click(function(){
			$("#panel").slideDown();
		});

2. slideUp()

기본 문구는 $(selector).slideUp(speed,callback); 처럼 사용합니다.
괄호() 안에 숫자를 넣어 속도를 조절할 수 있으며, "slow", "fast" 등을 사용할 수 있습니다.
 

		$("#flip").click(function(){
			$("#panel").slideUp("slow");
		});
		

3. slideToggle()
이전 내용에서도 Toggle()은 두 가지를 동시에 실행합니다. 여기서는 up, down을 동시에 실행합니다.
관련예제를 보시고 확인해보시기 바랍니다. 그리고 사용법은 위와 동일 합니다.
 

		$("#flip").click(function(){
			$("#panel").slideToggle();
		});