click 이벤트를 mouseout과 결합 할 수 있습니까?

Question

click()을 mouseout()과 결합하는 가장 좋은 방법은 무엇입니까? 기본적으로, 나는 특정 링크가 클릭되면 보여줄 목록 항목을 원하고 마우스가 링크의 부모 div에서 벗어나면 disapper 목록을 원한다.

$(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 .content_inner이 표시되었는지 확인하고 숨길 경우 체크 표시합니다.

$(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">