Slide ein div von rechts (mit belebter nach links)

Question

möchte ich ein div '.whole' zu animieren (Folie von rechts nach links)

jQuery

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

.r2 { right: 200px } 

Ich bin nicht in der Lage, die Funktion belebter zu verwenden () richtig.

Answer 1

Dies sollte funktionieren:

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

Aber Ihre position Eigenschaft bereits in CSS festgelegt werden sollte oder Sie vielleicht nicht genau das bekommen, was Sie brauchen.

Working JSFiddle

Um zu erklären: die Funktion ein JS Objekt von Eigenschaften führt, wie folgt aus:

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

Sie können dies auch zu einem var zuweisen und es animate passieren:

var cssProperties = { right: '200px' } 

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

Sie können andere Argumente als lesbar in der documentation übergeben.