анимированный клон виджета в другой div по клику

Question

Когда я нажимаю на #Clonitdiv Я получаю клон в #result. Какой CSS мне нужен, чтобы оживить видимый ход от #container до #result?

Кроме того, может ли кто-нибудь рассказать мне, почему функция removeAttr не работает?

HTML-: -

<div id="container"> 
    <div id="Clonit">Click me and I copy to another place</div> 
    <br /><br /><br /><br /> 
</div> 

<div id="result"></div> 

JQuery: -

$("#Clonit").click(function() { 
    $("#result").append($("#Clonit").clone(true)); 
    $("#result > #Clonit").removeAttr('id'); 
}); 

fiddle

Answer 1

У меня добавить эту строку в коде. Проверьте, что removeAttr работает как шарм. Что вам нужно. Более конкретно.

$("#Clonit").click(function() { 
    $("#result").append($("#Clonit").clone(true)); 
    $("#result > #Clonit").removeAttr('id'); 
    alert($("#result").html()); 
}); 

Answer 2

Я решил проблему путем возврата к использованию drag. Ознакомьтесь с некоторыми очень полезными ресурсами по адресу http://threedubmedia.com/code/event/drag#demos