アニメしてる要素をcloneしたらどうなるのかテスト

by FiNGAHOLiC

HTML

<button class="js-clone">clone</button>
<div class="mod-box"></div>

CSS

.mod-box {
    width: 20px;
    height: 20px;
    margin-bottom: 10px;
    background: red;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

JavaScript

$(function(){
    var $box = $('.mod-box').animate({
        width: 200
    }, 10000);
    $('.js-clone').click(function(){
        var $clone = $box.clone(true);
        $clone.appendTo('body');
    });
});