Как сделать анимацию плагина Easing каждый раз при наведении курсора?

Question

[freeman0204]

codepen.io/freeman0204/pen/GqodZN сделал простую менюшку, как сделать теперь что бы не только первый раз исполнялась анимация а при каждом наведении? Я использую плагин Easing.

Answer 1

[Aslan]

При помощи hover

$(document).ready(function() {
    $(function() {
        $('ul li').hover(function() {
            $(this).animate({
                width: "300px",
            }, {
                duraction: 7000,
                easing: "easeOutBounce"
            });
        }, function() {
            $(this).animate({
                width: "100%",
            }, {
                duraction: 7000,
                easing: "easeOutBounce"
            });
        });
    });
});