объект div мигает несколько раз

Question

Я пытался создать эффект постепенного появления / исчезновения для одного из моих элементов 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);

курсор, похоже, теряет фокус объекта, так как он постепенно исчезает и исчезает. Может кто-нибудь, пожалуйста, помогите?

edit: закомментированная часть - это метод, который я использовал до того, как реализовал jquery. также Core - еще одна библиотека, которую я использую. cpanel - это div, который я хочу добавить / вывести.

по запросу, 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>

hover div генерируется через DOM. это скрытый div, который я использовал только для того, чтобы зависание происходило в середине контейнера дисплея.

Answer 1

Вы должны использовать метод наведения.

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

Метод наведения мышки принимает две функции - одна активируется при наведении мыши, а другая при наведении мыши.

См. документы jQuery для получения дополнительной информации.