드럼치는 프로그래머

jQuery의 .slideToggle()은 객체를 말아올리거나 펼치는 효과를 낸다. .slideToggle()의 형식은 아래와 같다. .slideToggle( [움직임 시간(duration)] [, 움직이고 나서 실행할 함수(callback)] ) .slideToggle( [움직임 시간(duration)] [, 늦춤 함수(easing)] [, 움직이고 나서 실행할 함수(callback)] ) 움직임 시간은 밀리초(ms) 단위로 넣거나 slow, normal, fast를 쓸 수 있다. 아래는 jQuery로 단추(button)를 딸깍하면 상자(div)가 펼쳐져 있으면 말아올려서 접고, 접혀 있으면 천천히 펼쳐내리는 예제이다. 딸깍해 보세요 말아올리고 말아내리는 글상자 딸깍해 보세요 말아올리고 말아내리는 글상..

slideUp([speed], [callback]) / version : 1.0 - 높이를 지정한 시간동안 0으로 감소시키고 style의 display:none 상태를 적용시킨다. 슬라이딩(UP) 형식으로 표현되면서 사라지게 된다. $(document).ready(function(){ $("#test_id").click(function(){ $("#a").slideUp(500); }); }); - test_id 라는 id를 가진 요소를 클릭하면 a라는 id를 가진 요소가 0.5초간 슬라이딩(UP) 효과를 나타내며 사라진다. slideDown([speed], [callback]) / version : 1.0 - 숨겨진 요소의 style의 display:none 상태를 이전의 상태(block 또는 lilin..

slideToggle 원문 링크 http://api.jquery.com/slideToggle/ .slideToggle( [duration] [, callback] ) Returns : jQuery 개요 : 슬라이드를 통해 요소를 보이게 안보이게 처리합니다..slideToggle( duration [, callback] )duration 시간 값callback 콜백 함수.slideToggle( [duration] [, easing] [, callback] )duration 시간 값easing 특수한 효과 함수callback 콜백 함수.slideToggle() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠?보이게 처리할 ..