jQuery動畫寬度向右

Question

我想動畫div滑動到右邊，如下例所示：

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

但是我沒有移動邊距，而是想要“擠壓”寬度，但是通過更改寬度％（ width: '60%' ）而不是工作，而是向左移動。

Answer 1

不確定這是否正是您正在尋找的但是嘗試：

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

小提琴

---

或者right:0在CSS中使用right:0到#content ，然后你可以設置width動畫，它將從左到右縮小而不需要邊距。 與上述相同，但更清潔。 小提琴

此外，jQuery還有一個內置的“ 切換事件 ”，用於交替點擊，因此，如果您只是切換可以使用的點擊事件：

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

小提琴