슬라이드()

Question

는 내가 (함수 애니메이션을 사용할 수 없습니다입니다 (오른쪽에서 왼쪽으로 슬라이드를)

jQuery를

$('#menu').click(function() { 
     $('.whole').toggleClass('r2'); 
     $('#slideMenu').toggle(); 
}); 

.r2 { right: 200px } 

애니메이션 사업부 '.whole'을 원하는) 제대로.

Answer 1

이 작동합니다 :

$('#menu').click(function(event) { 
     event.preventDefault(); // because it is an anchor element 
     $('.whole').animate({ 
      right: '200px' 
     }); 
     $('#slideMenu').toggle(); 
}); 

하지만 당신의 position 속성에 이미 CSS에서 설정해야합니다 또는 당신이 정확하게 당신이 필요하지 않을 수 있습니다.

Working JSFiddle

설명하려면 함수가 다음과 같이 속성의 JS 객체를 취합니다

{ 
    right: '200px', 
    somethingElse: 'value', 
    myboolean: true 
} 

당신은 또한 VAR이를 할당하고 animate에 전달할 수 있습니다

var cssProperties = { right: '200px' } 

$('#menu').click(function() { 
    $('.whole').animate(cssProperties); 
}); 

다른 인수를 에서 읽을 수있는 것으로 전달할 수 있습니다.