Почему при многократном нажатии на кнопку анимация срабатывает не сразу?

Question

[Floydreme]

Есть код ниже. Суть проблемы: если многократно нажимать на какой-нибудь элемент списка и потом нажать на другой, анимация линии будет задерживаться и лишь потом принимать значение width: 0
Как это можно исправить? Спасибо

Answer 1

[Владимир Проскурин]

Если над одним элементом выполняется несколько анимаций, то при запуске анимации следует останавливать предыдущую анимацию. Вот так

$('#line3').stop().animate({
        opacity: 1,
        width: "35px"
    }, 600);

Так для каждого вызова animate

Comments

[Floydreme]

Благодарю