交换两个翻转动画潜水

嗨，我有两个div(让我们说div1和div2)一个在悬停时翻转动画，另一个div在切换点击时翻转。现在我的基本想法是在拖放上交换两个div。我尝试了下面的javascript与这个JS一切都工作得很好，除了我的交换div不再动画悬停和翻转。我还检查了chrome中的元素，交换的div与原始div不匹配，但交换的div没有动画。

in expected .

> function allowDrop(ev) {
    ev.preventDefault();
}
function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}
function drop(ev) {
    ev.preventDefault();
    var drp=ev.currentTarget.id;
    var drag=ev.dataTransfer.getData("text");
    var drp1=document.getElementById(drp);
    var drag1=document.getElementById(drag);
    var drp2=drp1.innerHTML;

    drp1.innerHTML=drag1.innerHTML;
    drag1.innerHTML=drp2;
}