Можно ли комбинировать событие щелчка мышью?

Question

Как лучше всего сочетать click () с mouseout (). По сути, я хочу, чтобы элемент списка отображался при нажатии определенной ссылки, и как только мышь выходит из родительского элемента ссылки, я хочу, чтобы список был отключен.

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

Конечно, все, что вам нужно сделать, это присоединить слушатель события «onMouseLeave» к контейнеру div, чтобы при удалении мыши он проверял, был ли показан этот 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"> до <div class="container">