objet div clignotant à plusieurs reprises

Question

J'ai essayé de créer un effet de fondu entrant/sortant pour l'un de mes divs, mais l'effet de fondu en lui-même fonctionnait bien, mais lorsqu'il est couplé avec l'effet de fondu, il fait la div continuer à clignoter dans la zone de la fenêtre. jeter un oeil sur le code:

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

le curseur semble perdre mise au point de l'objet, car il se fane dans et disparaît de façon répétée. quelqu'un peut-il m'aider s'il vous plaît?

edit: la partie commentée est la méthode que j'ai utilisée avant d'implémenter jquery. Core est une autre bibliothèque que j'utilise. cpanel est la div que je veux fondre/sortir.

comme l'a demandé, le 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> 

la div vol stationnaire est générée par DOM. c'est un div caché que j'ai utilisé juste pour m'assurer que le hover se passe au milieu du conteneur d'affichage.

Answer 1

Vous devriez utiliser la méthode hover.

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

La méthode hover prend deux fonctions: l'une est activée à la souris, l'autre à la sortie de la souris.

Voir the jQuery docs pour plus d'informations.