jQuery fadein fadeout problem в firefox

Question

Я хочу сначала скрыть .noteHover, а затем использовать событие зависания, которое увянет этот класс, а затем выйдет очень быстро. Это, кажется, отлично работает в хроме, но моя проблема заключается в том, что в ff .noteHover остается показ: ни один, который предотвращает эффект fadein fadeout, может ли кто-нибудь предложить какие-то советы, где они будут ошибаться?

Вот мой код:

/* Hover test */ 
     /* Hover test */   
     var $notes = $('.note'); 

     $notes.each(function() { 
     var thisNote = $(this); 
     var nestedNoteHover = thisNote.find('.noteHover'); 
     var nestedPath = thisNote.find('path'); 

     nestedNoteHover.hide(); 

     thisNote.hover(
      function() { 
      nestedPath.css('opacity', 0.8); 
      nestedNoteHover.fadeIn(100, function() { 
      nestedNoteHover.fadeOut(300); 
      }); 
      }, 
      function() { 
      nestedPath.css('opacity', 1); 
      } 
     ); 
     }); 

Я обновил код, но до сих пор никаких изменений на фф?

Спасибо!

Answer 1

Я могу ошибаться, но, посмотрев на jQuery`s find method, я думаю, что вместо

$(this).find($noteHover).fadeIn(100).fadeOut(300); 

должно быть:

$noteHover.fadeIn(100).fadeOut(300); // the variable you declared above... 

Answer 2

Если я правильно понимаю ваши требования правильно, это будет делать то, что вы хотите:

var noteHover = $('.noteHover').hide(); 
$('.note').hover(function() { /* on mouse enter */ 
    noteHover.fadeIn(400).fadeOut(100); 
}, function() { /* on mouse out */ 
    noteHover.hide(); 
}); 

Demo here.