slajdów div od prawej do lewej strony za pomocą animate()

Question

chcę div '.whole' animować (slajd, od prawej do lewej)

jQuery

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

.r2 { right: 200px } 

nie jestem w stanie używać animate funkcyjny () poprawnie.

Answer 1

To powinno działać:

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

Ale nieruchomość position powinno być już ustawione w CSS lub nie może dostać dokładnie to, czego potrzebują.

Working JSFiddle

Aby wyjaśnić: funkcja jest obiekt JS właściwości, na przykład:

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

można również przypisać to do var i przekazać go do animate:

var cssProperties = { right: '200px' } 

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

Możesz przekazać inne argumenty jako czytelne w documentation.