jquery - 将宽度设置为零，包括 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 的宽度会影响其内容并忽略填充）。

如何解决？animatind 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); 
});