jQuery的動畫寬度

Question

我想動畫的div滑動至如下面的示例的權利：

http://jsfiddle.net/56hxy/3/

代替移位餘量但是，我想「擠」的寬度，但它不改變寬度％（width: '60%'）它squishes到左邊，而不是工作..

Answer 1

不知道這是你在尋找什麼，但嘗試：

$('#content').animate({ 
    marginLeft: '40%', 
    width:'60%' 
}); 

Fiddle

---

還是在CSS給right:0到#content，那麼你可以動畫width，它會收縮由左到右，而無需利潤率。與上述效果相同，但更清潔。 Fiddle

此外，jQuery有一個內置的「」交替點擊所以，如果你切換隻需點擊事件中，你可以使用：

$('#content').toggle(function() { 
    $(this).animate({ width:'60%' }); 
}, function() { 
    $(this).animate({ width:'100%' }); 
}); 

Fiddle