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/