clickイベントをmouseoutと組み合わせることはできますか？

Question

click（）とmouseout（）を組み合わせる最良の方法は何ですか？基本的には、特定のリンクがクリックされた場合にリスト項目を表示し、リンクの親divからマウスが離れると、リストをディサッパーにします。

$(document).ready(function() { 
    $('.content_inner').hide(); 
    $('.clickme').click(function() { 
     $('.content_inner').fadeIn(); 
    });//mouseout 

}); 
<div class=".container"> 
    <a href="#" class="clickme">Click me!</a> 
    <ul class="content_inner"> 
     <li><a href="#">testing</a></li> 
     <li><a href="#">testing</a></li> 
    </ul> 
</div> 

Answer 1

確かに<div class=".container">から、この行を修正したいかもしれませんが

は、あなたがする必要があるすべては、添付 "onMouseLeave" でありますイベントリスナをコンテナdivにドラッグすると、マウスが離れるとそのdiv​​3210が表示されているかどうかがチェックされ、表示されている場合は非表示になります。

$(document).ready(function() { 
    $('.content_inner').hide(); 
    $('.clickme').click(function() { 
     $('.content_inner').fadeIn(); 
    }); 
    $('.container').mouseleave(function() { 
     if ($('.content_inner').is(':visible')) { 
      $('.content_inner').fadeOut(); 
     } 
    }); 
}); 

Answer 2

$('.clickme').bind('click mouseout',function() { 
    $('.content_inner').fadeIn(); 
}); 

そしてそこに行く^ _ ^あなたが<div class="container">