动画宽度为零，包括DIV的填充

Question

我是jQuery和CSS的新手，我正在尝试使用以下jQuery代码为类.iDoElement的两个DIV制作动画：

$( '.iDoElement' ).each(function () {
        var randomDelay = Math.floor(Math.random() * 600);          
        $(this).delay(randomDelay).animate ({width:0}, 1000); 
    });

...但是这两个div都有padding-right和padding-left定义，这意味着它们不会转到宽度0（我在网上看到div的宽度影响其内容并忽略了填充）。

如何解决？ isimatind padding-left和padding-right也是唯一的解决方案？

提前致谢

Answer 1

这似乎有效：http://jsfiddle.net/G6bTD/

$('.iDoElement').each(function () {
    var randomDelay = Math.floor(Math.random() * 600);
    $(this).delay(randomDelay).animate({width:'toggle'}, 1000); 
});