jQuery防止子对象在悬停时闪烁

当我悬停一个元素，然后再悬停一个内部元素时，我遇到了麻烦。我不知道这是否是我想要达到的目标的最佳方式。这是我的密码：

我的标记：

<div class="wrapper">  
   <div class="animation">  
     <a href="#" class="linked"><img src="#"/></a>  
     <h1 class="title hidden"><a href="#">blabla</a></h1>  
   </div>  
</div>

CSS:

当我将鼠标悬停在H1上时，闪烁开始。有没有办法禁用或修复它

提前谢谢

这就是你想要的

---

当你将H1悬停在屏幕上时，它看起来像是在播放另一个动画，并且它正在从父img中弹出不透明度，我想停止，你可以添加一个选项，尝试悬停在红方块上，然后悬停文本，我不想让文本消失。好吧，使用@username ping或提醒某人。我已经更新了链接，仍然无法理解您的问题。你到底想要什么？是的，差不多。但是悬停在哪里呢？在jsfiddle.net/GWHrK/1上，当您将鼠标悬停在红方块上并将文本悬停时，红方块将淡入正常状态（这似乎合乎逻辑），但我不希望这样。希望有帮助，非常感谢！你明白我想要什么吗？我已经更新了代码。看到它在行动！无论如何，谢谢你的帮助：）

$('.animation a img').hover(function(){
        $(this).parent().next().stop().fadeTo("medium", 1);  
        $(this).stop().fadeTo("fast", 0);  
    }, function(){  
        $(this).parent().next().stop().fadeTo("medium", 0);  
        $(this).stop().fadeTo("fast", 1);   
    });  

    #wrapper {margin: 0 auto; width: 960px;}
    #hidden {display: none;}
    h1 a {bottom: 0; float: left; font-size: 1.5em; left: 0; position: absolute; width: 460px;}
    .linked {background: #666; float: left; height: 250px;}

$('.animation a img').hover(function(){
        $(this).parent().next().stop().fadeTo("medium", 1);  
        $(this).stop().fadeTo("fast", .5);  
});