Jquery div对象反复闪烁

我尝试为我的一个div创建淡入/淡出效果，但淡入效果本身工作正常，但当与淡出效果结合时，它会使整个div继续在视口区域中闪烁。 看看代码：

    hover.addEventListener('mouseover',function () {$('#cpanel').fadeIn("slow");/*Core.addClass(cpanel,"on");*/},false);
    hover.addEventListener('mouseout', function () {$('#cpanel').fadeOut("slow");/*Core.removeClass(cpanel,"on");*/},false);

光标似乎失去了对象的焦点，因为它会反复淡入淡出。 有人能帮忙吗

编辑：注释掉的部分是我在实现jquery之前使用的方法。另外，Core是我正在使用的另一个库。cpanel是我想淡入/淡出的部门

根据要求，cpanel HTML：

<div id="cpanel">
            <div class="box"  name="prevImg"><a href="#" id="prevImg"><img class='text' src="nav-prev.gif"/></a></div>
            <div class="box"  name="zoom"><a href="#" id="Zoom"><img class='text' src="nav-zoom.gif"/></a></div>
            <div class="box"  name="back"><a href="#" id="Back"><img class='text' src="nav-home.gif"/></a></div>
            <div class="box"  name="nextImg"><a href="#" id="nextImg"><img class='text' src="nav-next.gif"/></a></div>  
        </div>

---

悬停div是通过DOM生成的。它是一个隐藏的div，我用它来确保悬停发生在显示容器的中间。

你应该使用悬停方法。

$('your item').hover(function(){$("#cpanel").fadeIn("slow")},function(){$("#cpanel").fadeOut("slow");});

悬停方法有两个功能——一个在鼠标进入时激活，另一个在鼠标离开时激活

---

有关更多信息，请参阅。

我无法使其正常工作。当我使用上述语句时，当我将鼠标移到reqd区域时，什么也不会发生。$（this）.fadeIn（“#cpanel”）是不正确的。fadeIn需要一个速度设置和一个回调，而不是选择器，所以上面的这些都不会起作用，因为你将永远无法看到已经消失的东西。我想他是说$（'your item'）.hover（function（）{$（“#cpanel”）.fadeIn（“slow”）}，function（）{$（“#cpanel”）.fadeOut（“slow”）}；