jQuery的显示和隐藏股利超过

Question

我尝试过表演形象封面，为了这个，我用这个小代码：

<script> 
function carrousel_show_cover(id) 
{ 
$(".c_cover_"+id).show(2000); 
} 

function carrousel_hide_cover(id) 
{ 
$(".c_cover_"+id).hide(10); 
} 
</script> 


<div id="content_pic" onmouseover="carrousel_show_cover('1')" onmouseout="carrousel_hide_cover('1')"> 
<div class="c_cover_1" style="display:none;"></div> 
<img src="test_image.jpg"> 
</div> 

这里的问题it's，是展示覆盖在图像上，但同时隐藏封面和所有的时间显示，隐藏，隐藏和显示.....，我想要把光标放在上面，显示封面，当我把鼠标放在外面隐藏封面，但没有得到这个，一些想法？

Thank's

Answer 1

的.c_cover_1格是空的。什么都不能显示。

<div id="content_pic" onmouseover="carrousel_show_cover('1')" onmouseout="carrousel_hide_cover('1')"> 
    <div class="c_cover_1" style="display:none;"> 
     <img src="cover_image.jpg" /> 
    </div> 
    <img src="test_image.jpg"> 
</div> 

Answer 2

您也从你的HTML很容易做这样的事情

<div class="card-container"> 
    <img src="test_image.jpg" class="card"/> 
    <div class="card cover"></div> 
</div> 

和分离您的JavaScript你控制与

$('.card-container').hover(function() { 
    $('.card.cover', this).hide() 
}, function() { 
    $('.card.cover', this).show() 
}); 

的悬停动作我用不同的类名比你但只有这个概念在那里。

这里是一个小提琴：http://jsfiddle.net/NThK2/