JQuery - Наведите курсор мыши()/FadeIn() не работает

Question

http://jsfiddle.net/rR6gC/

Я пытаюсь отобразить информацию внутри бара всякий раз, когда кто-то толкает их мышью на каждой строке, но она не работает вообще. Я смог заставить его реагировать на чистый CSS, но при попытке использовать функцию jQuery ничего не получилось.

JavaScript/JQuery

$('.score').mouseover(function() { 
    $(this).fadeIn('slow'); 
}); 
$('.score').mouseeleave(function() { 
    $(this).fadeOut('slow'); 
}); 

CSS

.score{ 
color:white; 
font-size:2em; 
width:100%; 
text-align:center; 
display:inline-block; 
position:relative; 
} 

Answer 1

Из того, что я могу понять, вы хотите, чтобы скрыть 5 и показать его, когда мышь находится над перекладиной

1. Был опечатка в
2. Вы должны написать MouseEnter и MouseLeave события для элемента бара обертки, а затем показать/скрыть оценку элемент внутри него, когда мышь входит/выходит

Попробуйте

$('.scoreWrap2 .score').hide() 
$('.scoreWrap2').mouseover(function() { 
    $(this).find('.score').stop(true, true).fadeIn('slow'); 
}); 
$('.scoreWrap2').mouseleave(function() { 
    $(this).find('.score').stop(true, true).fadeOut('slow'); 
}); 

Демы: Fiddle