jquery는 그리드에서 div를 움직입니다.

Question

저는 테이블처럼 보이는 div의 그리드가 있습니다.

#wrapper 
> div.container > h2 (hidden) 
> div.container > h2 (hidden) 
> div.container > h2 (hidden) 
</> 

hovered div의 배경색에 애니메이션을 적용하고 h2를 표시하고 싶습니다.

내 코드는 다음과 같습니다.

$('.container').hover(function() { 
    $('.container>h2').stop().fadeOut(200); 
    $(this).stop().animate({ backgroundColor: '#3e95ff' }, 300); 
},function() { 
    $('.container>h2').stop().fadeIn(200); 
    $(this).stop().animate({ backgroundColor: 'white' }, 300); 
}); 

문제가되면 div의 모든 항목이 표시됩니다. hovered div의 h2 만 선택하려면 어떻게해야합니까? 이

$('.container>h2').stop().fadeIn(200); 

로 변경

Answer 1

시도

$(this).find('h2').stop().fadeIn(200);