jQuery动画宽度向右

Question

我想动画div滑动到右边，如下例所示：

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

但是我没有移动边距，而是想要“挤压”宽度，但是通过改变宽度％（width: '60%'）来改变宽度，而不是向左移动..

Answer 1

不确定这是否正是您所需要的，但请尝试：

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

Fiddle

---

或者将right:0提供给CSS中的#content，然后您可以设置width的动画，它将从左向右缩小而不需要边距。与上述相同，但更清洁。 Fiddle

此外，jQuery有一个内置的“toggle event”用于交替点击，因此，如果您只是切换可以使用的点击事件：

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

Fiddle