Jquery 将宽度设置为零，包括填充DIV

我对jQuery和CSS非常陌生，我正在尝试用以下jQuery代码制作class.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（我在web上看到div的宽度会影响其内容并忽略padding）

如何解决？animatind向左填充和向右填充到零也是唯一的解决方案吗

提前感谢

这似乎有效：

---

看看这个：@BillyMoat谢谢，但是我如何在动画块中使用outerWitdh（true）技术呢？正如我所说，我对jQuery非常陌生：）为什么不把你的填充添加到animate:animate（{width:0，padding:0}，1000）@Pete我正在做，我只是想知道是否还有其他可用的选项。。。。我在学习，我想成为sure@DavidFregoli-我的小提琴不适合你吗？它缩小到一定的宽度（填充值），然后消失。我们的目标是将其动画设置为0奇怪，我已经在Firefox和Chrome中对其进行了测试，并将其动画设置为0。我不知道为什么它只是动画到填充值，然后为你消失。

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