Анимация складывает

Question

У меня есть эта анимация, которая поворачивает изображение на 360 градусов против часовой стрелки при наведении мыши и на 360 по часовой стрелке при отпускании с помощью мыши.

Моя проблема в том, что когда я делаю ввод мыши, он поворачивается на 360 градусов, как и должно, время его 720 и так далее. При отпускании мышки проблем не возникает.

 $("#infoIcon").mouseenter(function(){
            $('#infoIcon').animate({borderSpacing: -360 }, {
                step: function(now) {
                $(this).css('-webkit-transform','rotate('+now+'deg)'); 
                $(this).css('-moz-transform','rotate('+now+'deg)');
                $(this).css('transform','rotate('+now+'deg)');
                },
                duration:'slow'
            },'linear');
    });
    $("#infoIcon").mouseleave(function(){
            $('#infoIcon').animate({borderSpacing: 360 }, {
                step: function(now) {
                $(this).css('-webkit-transform','rotate('+now+'deg)'); 
                $(this).css('-moz-transform','rotate('+now+'deg)');
                $(this).css('transform','rotate('+now+'deg)');
                },
                duration:'slow'
            },'linear');
    });