При слишком быстром наведении курсора между элементами отображаются двойные элементы

#jquery

#jquery

Вопрос:

При очень быстром наведении курсора между элементами отображаются два или более элемента. Если двигаться медленно, это работает идеально. Вот код:

 $("#services_menu a").hover(function(e) {
  var id = this.hash;
    $("#services_description div:visible").not(id).fadeOut('fast', function(){
    $(id).fadeIn();
  });
  e.preventDefault();
});
$("#services_description div:not(#agency_leasing)").hide();
  

Как мне это исправить? Спасибо.

Ответ №1:

Просто поместите

 .stop(true,true)  

перед fadeOut и fadeIn