Javascript jquery显示和隐藏div over

我尝试在图像上显示封面，为此我使用以下小代码：

<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>

功能转盘显示盖（id）
{   
美元（“.c_cover_”+id）.show（2000年）；
}
功能转盘隐藏盖（id）
{   
$（.c_封面+id）.hide（10）；
}

这里的问题是，是的，在图像上显示封面，但同时隐藏封面和所有时间显示、隐藏、隐藏和显示，我想当我把光标放在上面时，显示封面，当我把鼠标放出来时隐藏封面，但没有得到这个，有什么想法

---

Thank's

的

.c\u cover\u 1

div为空。无法显示任何内容

<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>

---

您还可以通过执行以下操作轻松地将javascript与HTML分开

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

我使用了不同的类名，但概念就在这里

---

这里有一把小提琴：

听起来像是需要把鼠标放在盖子上。

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