スライド（アニメーションを使用して右から左へのdiv）

Question

私はdiv要素'.whole'は（右から左へスライド）をアニメーション化する

jQueryの

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

.r2 { right: 200px } 

私は（機能のアニメーションを使用することはできませんよ）適切に。

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); 
}); 

他の引数をで読むことができます。