网格中的jquery animate div

Question

我有一个看起来像桌子的div网格。

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

我想为悬停的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时，显示所有的h2。我怎样才能只选择悬停的div的h2？

Answer 1

尝试更改此

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

与

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