首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >网格中的jquery动画div

网格中的jquery动画div
EN

Stack Overflow用户
提问于 2014-03-30 07:44:47
回答 1查看 112关注 0票数 0

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

代码语言:javascript
复制
#wrapper
 > div.container > h2 (hidden)
 > div.container > h2 (hidden)
 > div.container > h2 (hidden)
</>

我想动画的背景颜色的悬浮div和显示h2在其中。

我的代码看起来是这样的。

代码语言:javascript
复制
$('.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?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-03-30 07:47:32

试着改变这个

代码语言:javascript
复制
$('.container>h2').stop().fadeIn(200);

使用

代码语言:javascript
复制
$(this).find('h2').stop().fadeIn(200);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22741553

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档