애니메이션 문자열을 변수로 정의

Question

애니메이션 문자열을 변수로 정의 할 수 있습니까? 예를 들어

(이것이 내가 생각이지만, 작동하지 않는 이유는 무엇입니까?) :

var speed = 500; 
var dothis = $("#div").slideUp('speed'); 
      $("#div").slideDown('speed'); 
      $("#div").animate({height: "0px"}, 'speed'); 
$("button").click(function() { 
     $(this).dothis(); 
    }); 

나는 그것을 설정하는 방법을 전혀 모르겠어요.

Answer 1

당신이 ... 나중에 일련의 작업을 실행하려는 경우에 그냥 함수에서 모든 명령을 캡슐화 할 수처럼 보이는

: 나중에 당신이 할 수

var dothis = function() { 
    $("#div").slideUp('speed'); 
    $("#div").slideDown('speed'); 
    $("#div").animate({height: "0px"}, 'speed'); 
    $("button").click(function() { 
     $(this).dothis(); 
    }); 
} 

그리고 함수를 호출하여 한 번에 모든 명령을 : 당신은 또한 함수에게 인수를 제공하여 전달 된 모든 요소와 함께 작동하는 다니엘의 기능을 확장 할 수

dothis(); 

Answer 2

. 예를 들어, 그것을 요소 또는 선택기를 통과 :

var dothis = function(el) { 
    $(el).slideUp('speed'); 
    [...] 

또한,하지 그 자체가 줄에 각 효과를 넣어 또는 $ (엘) .slideUp()처럼 체인 사이에 차이가 있다는 slideDown().. fade() 등등.

당신이 그것들을 묶는 동안 그것들은 순서대로 실행되도록 큐에 넣는 반면에 그것들을 거의 동시에 실행할 것입니다.