simple popout menu

Basis behind a mobile menu I wrote

HTML

<a href="#">menu</a>
    
    <div id="poo">
        <a href="http://google.com" target="_blank">g</a>
    </div>


    <div style="width:100%; height:100px; background-color:#000;">
        &nbsp;
    </div>

CSS

poo{
display:none;
width:100px;
height:100px; 
border:1px solid red;    
}

JavaScript

$('html').click(function(event){
   $('poo').hide(); 
});


$('a').on("click", function () {
    $('poo').toggle();
    event.stopPropagation();
});


 $('poo').click(function(event){
     event.stopPropagation();
 });