드럼치는 프로그래머

jQuery는 매우 짧은 코드만으로도 휼륭한 애니메이션 효과를 낼 수 있다는 장점이 있다. 이러한 일이 가능해진 이유는 jQuery가 굉장히 우수한 방법을 통하여 자바스크립트 기능을 리팩토링하였기 때문인데 개인적으로 jQuery의 소스를 통해 자바스크립트 리팩토링 과정을 공부하면 매우 유익할 듯 싶다. (물론 그 길고긴 소스를 직접 해독해야 한다는 사실은 곤욕이지만…) 오늘 우리는 jQuery에서 발생하는 애니메이션 중복문제에 대한 해결책을 알아보도록 할 것이다. 우선 다음과 같은 코드를 작성해 보도록 하자. 클릭하세요!숨겨진 메뉴1숨겨진 메뉴2클릭하세요!숨겨진 메뉴1숨겨진 메뉴2 이제 브라우져를 통해 작성한 코드를 확인해보자. 얼핏보기엔 기능이 매우 훌륭하게 동작하는 듯이 보이지만 사실 이 코드는 잠재..

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..