jquery - jquery：mouseoutはネストされた要素に適用されます

Question

ulリンクがdivレイヤーにネストされています。マウスポインタが上.titleに移動し、ul表示されます。

問題：mouseout()ネストされた要素に適用されます

mouseout()のためです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

試す$('selector').mouseleave(function(){});