After adding the mouseup event, the toggle function stopped working. Why?

Question

JavaScript

The .filter__list block no longer disappears when the button is clicked

$(document).mouseup(function (e){ 
      var div = $(".filter .item .filter__list"); 
      
      if (!div.is(e.target) && div.has(e.target).length === 0) { 
        	div.css('display', 'none');
      } 
    
    	
    });

   $('.filter .item:nth-child(1) button').click(function() {
    	$('.filter .item:nth-child(1) .filter__list ').toggle();
   });