jquery: le mouseout s'applique aux éléments imbriqués

Question

ul avec des liens imbriqués dans une couche div. le pointeur de la souris passe sur .title, ul est affiché.

le problème: mouseout() applique aux éléments imbriqués

mouseout() est pour le div

<div> 
    <a class="title">Section A</a> 
    <ul> 
     <li><a href=''>link 1</a></li> 
     <li><a href=''>link 2</a></li> 
     <li><a href=''>link 3</a></li> 
    </ul> 
</div> 

$('.title').mouseover(function() { 
    $('ul').slideDown(); 
}) 

$('div').mouseout(function(){ 
    $('ul').slideUp(); 
}); 

Answer 1

Essayez $('selector').mouseleave(function(){});