Can click event be combined with mouseout
What is the best way of combining the click() with mouseout(). Basically, i want a list item to show if a certain link is clicked, and once the mouse goes out of the parent div of the link, i want the list to 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>

Can click event be combined with mouseout
===

What is the best way of combining the click() with mouseout(). Basically, i want a list item to show if a certain link is clicked, and once the mouse goes out of the parent div of the link, i want the list to 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>
