jQuery fadeOut дождитесь окончания эффекта до начала нового

Question

Я создаю несколько информационных полей и получаю эффект клика jQuery в сочетании с fadeIn/fadeOut. Проблема заключается в том, что исчезновение электронной почты не заканчивается, если вы покидаете поле для быстрого доступа. Я использовал обратный вызов, но это либо мой манипулятор, который влияет на него, либо?

Пример: http://jsfiddle.net/6euyze8k/1/

jQuery(".holder").each(function (index, element) { 
    var infos = jQuery(this).find('.info,.socials'); 
    var docmail = jQuery(this).find('.email'); 

    jQuery(this).on({ 
     mouseenter: function() { 
      infos.show("clip", function() { 
       docmail.fadeIn(500); 
      }); 
     }, 
     mouseleave: function() { 
      docmail.fadeOut(500, function() { 
       infos.hide("clip"); 
      }); 
     } 
    }); 
}); 

Любая помощь оценена.

Answer 1

Я сделал, что мог соответствовать с вашей проблемой:

jQuery(".holder").each(function (index, element) { 
    var $el = jQuery(this); 
    var infos = $el.find('.info,.socials'); 
    var docmail = $el.find('.email'); 
    $el.data('endEnter', false); 
    $el.data('endLeave', true); 

    $el.on({ 
     mouseenter: function() { 
      if($el.data('endLeave')) { 
       infos.show("clip", function() { 
        docmail.fadeIn(500, function() { 
         $el.data('endEnter', true); 
         $el.data('endLeave', false); 
        }); 
       }); 
      } 

     }, 
     mouseleave: function() { 
      if($el.data('endEnter')) { 
       docmail.fadeOut(500, function() { 
        infos.hide("clip", function() { 
         $el.data('endLeave', true); 
         $el.data('endEnter', false); 
        }); 
       }); 
      } 

     } 
    }); 
}); 

Идея заключается в том, чтобы не допустить пожара на события до завершения анимации, но клип анимации сделаны некоторые проблемы с, что при перемещении курсора быстро в & из элемента.

Anymway, проверить его здесь:

скрипку: http://jsfiddle.net/benjasHu/Lchpon4x/

Удачи!