jquery - DIV のパディングを含め、幅をゼロにアニメーション化する

Question

私は jQuery と CSS を初めて使用します。次の jQuery コードを使用して、クラス .iDoElement の 2 つの 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 の幅がコンテンツに影響し、パディングを無視することを読んでいます)。

それを解決する方法は？animatid 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); 
});