Fade in/out pour l'url

Question

Je veux faire un fondu entrant/sortant d'une URL quand je passe le curseur sur une div. J'ai fait un exemple simple dans le violon http://jsfiddle.net/7Ppbm/60/.

$('.lnkDiv:visible').fadeOut(); 
var timer; 

$('.contDiv:visible').on({ 
     mouseover: function() { 
      clearTimeout(timer); 
      $('.lnkDiv:visible').fadeIn(); 
     }, 
     mouseout : function() { 
      timer = setTimeout(function() { 
       $('.lnkDiv:visible').fadeOut(); 
      }, 100); 
     } 
    }); 

Qu'est-ce que je fais mal?

Answer 1

Est-ce ce que vous essayez de faire? http://jsfiddle.net/daKGN/1/

$('.lnkDiv:visible').fadeOut(); 
var timer; 

$('.contDiv:visible').on({ 
     mouseover: function() { 
     clearTimeout(timer); 
     $('.lnkDiv').fadeIn(); 
    }, 
    mouseout : function() { 
     timer = setTimeout(function() { 
      $('.lnkDiv').fadeOut(); 
     }, 100); 
    } 
}); 

<img> balises doivent être écrits comme <img /> et non <img></img>. Aussi le .contDiv n'avait pas de hauteur lorsque le <a> était caché, et vos sélecteurs jQuery contenaient tous :visible même lorsque le <a> était caché.