Анимация качающегося элемента при зависании

Question

Моя цель - качать элемент только при наведении курсора, используя CSS и некоторый jQuery (и, конечно же, должен остановиться на мыши).

Поиск в Интернете Я нашел код для поворота элемента, когда документ готов (complete jsFiddle).

$(document).ready(function() { 

    function swing(){ 
     $('.swing').toggleClass('right'); 
     setTimeout(swing, 1000); 
    } 
    swing(); 
}); 

Я пробовал использовать метод .hover(), но, похоже, не работает. Как я могу исправить эту небольшую проблему?

Answer 1

что-то вроде этого:

$(document).ready(function() { 
    var id; 
    function swing(){ 
     $('.swing').toggleClass('right'); 
     id = setTimeout(swing, 1000); 
    } 
    $(".swing").hover(function() { 
     swing(); 
    }, 
    function() { 
     clearTimeout(id); 
    }); 
});