I've a button and this button opens a div. I've figured that when I target an area except this div it should be hide.

This is my codes but it doesn't work perfectly (actually it works slightly).

2. <!--show hide div-->
3.  $(function(){
4.     
5.     $('.mybutton').click(function(){
6.       
7.         $('.mydiv')        
8.         .show()
9.     });
10. 
    
11.     
12.     $('html').on('click', function(event){
13.      
14.         var target = $(event.target);
15. 
    
16.         console.log(target);
17. 
    
18.       
19.         if (target.is('.mydiv') || target.parents('.mydiv').size() > 0)
20.             return;
21. 
    
22.         
23.         $('.')
24.             .hide()
25.            
26.     });
27. });
 

Anybody can fix that?