Всем привет!
Недавно начал изучать javascript и jquery, и вот столкнулся с такой бедой.
$('#btn').hover(function(){
$(this).animate({width: '100%'}, 1000);
},function(){
$(this).animate({width: '200px'}, 1000);
});
Если навести курсор на элемент с id="btn", он увеличится в размерах, если убрать курсор, он уменьшиться. Так как интервал выполнения данной функции 1000, увеличение/уменьшение размера идет очень плавно.
Так вот. Если раз 5 или больше навести на этот элемент, скрипт будет выполняться 5 или больше раз, и не остановится пока не выполнит все разы. Это выглядит ужасно. С таким интервалом выглядит как лаг.
Как же это пофиксить?