Slayt()

Question

Ben (işlev animate kullanabilmek için değilim (sağdan sola doğru slayt)

jQuery

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

.r2 { right: 200px } 

hareketlendirmek için bir div '.whole' istiyorum) uygun şekilde.

Answer 1

Bu çalışması gerekir:

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

Ama position özellik zaten CSS'deki ayarlanmalıdır ya da tam olarak neye ihtiyacınız almayabilir.

Working JSFiddle

açıklamak için: fonksiyon bu gibi özelliklerin JS nesnesi alır:

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

ayrıca bir var bu atamak ve animate bunu geçirebilirsiniz:

var cssProperties = { right: '200px' } 

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

Diğer tartışmaları, documentation'da okunabilir olarak iletebilirsiniz.