jquery fadeout problème sur flou

Question

J'ai un problème avec JQuery et le balisage suivant.

   <div id="ParentContainer"> 
        <div class="main"> 
         <div class="sub1"></div> 
         <div class="sub2"> 
          text 
         </div> 

        </div> 
       </div> 

J'ai besoin parentContainer de se fondre dans le curseur vue lorsque plane sur un lien (en dehors de ce balisage). cela fonctionne mais je dois utiliser la méthode fadeout lorsque le curseur se déplace en dehors de la div ParentContainer. Est-ce possible?

Merci beaucoup,

Answer 1

Est-ce possible?

Oui c'est!

$('#ParentContainer').bind('mouseleave', function(){ 
    $(this).fadeOut('fast'); 
}); 

Référence: mouseleave

Answer 2

Essayez:

$('#ParentContainer').mouseleave(function(){ 
    $(this).fadeOut('slow'); 
});