当mouseenter target jQuery在课堂上移动所有其他人

Question

我希望有一种效果，即未被徘徊的物品被推离被徘徊的物品。

我希望这会有效，但事实并非如此。

($(circle1).mouseenter(function(){
    var i, x = event.target; 

    $(".circle").each(function() {
        for (var i = circles.length - 1; i >= 0; i--) {
            if (circles[i] === x) {
                $(x).animate({
                    left: "+=3px",
                    top: "+=3px"
                }, 'slow')}
            else 
                circles[i].animate({
                left: "+=20px",
                top: "+=20px"
            }, 'slow')}

    })
})

这是一个代码注释，上面的代码被注释掉了。包含了另一种功能脚本，但只有一半是正确的。

http://codepen.io/WallyNally/pen/GqbPEr

那个看起来像这样。

$(".circle").mouseenter(function(){
        var x = event.target; 

        $(".circle").each(function() {
            if (x === circle1) {
                $(this).animate({
                    left: "+=3px",
                    top: "+=3px"
                }, 'slow')}
            else {          
            $(".circle").animate({
                left: "+=20px",
                top: "+=20px"
            }, 'slow')}

        })
    })