如何使用动画将子元素从一个父元素移动到另一个父元素（jQuery）

我制作了一个切换函数，它使用来自的一些代码更改子元素的父元素。但我想知道是否有办法通过动画改变父对象，因为现在它只是从一个div跳到另一个div

下面是一些代码：

function SW()
{
    $("#SW").toggle(function(){
        var element = $("#RelativeChild").detach().appendTo("#ParentRight");
    },
    function(){
        var element = $("#RelativeChild").detach().appendTo("#ParentLeft");
    });
}

这样做：

var element = $("#RelativeChild").hide('fade').detach().appendTo("#ParentRight")
.end().show('fade');

全功能：

function SW() {
    $("#SW").toggle(function () {
        var element = $("#RelativeChild").hide('fade').detach().appendTo("#ParentRight")
        .end().show('fade');
    },

    function () {
        var element = $("#RelativeChild").hide('fade').detach().appendTo("#ParentLeft")
        .end().show('fade');
    });
}