Close DropDown Menu Outside Click

I have a mobile menu that doesn’t close on outside clicks. Ironically, the search does close on outside clicks. Here is the code:

mobileMenu: function() {
			var $closedSymbol = this.cache.$isRTL ? '◄' : '►';
			if ( $.fn.slicknav != undefined ) {
				var $mobileMenuAlt = $( '.pwd-mobile-menu-alt ul' );
				var $menu = $mobileMenuAlt.length ? $mobileMenuAlt : $( '.pwd-site-nav-container .pwd-dropdown-menu' );
				if ( $menu.length ) {
					$menu.slicknav( {
						appendTo        : '.pwd-site-header',
						label            : pwdLocalize.mobileSiteMenuLabel,
						allowParentLinks : true,
						closedSymbol     : $closedSymbol
					} );

This is the code for the Search:

headerSearch: function() {
			var $headerSearch = $( '.pwd-site-header-search' ),
				$headerSearchToggle = $( '.pwd-search-toggle' );
			$headerSearchToggle.click( function() {
				$headerSearch.toggleClass( 'pwd-active' );
				return false;
			} );
			this.cache.$document.on( 'click', function( event ) {
				if ( ! $( event.target ).closest(  $headerSearch ).length ) {
					$headerSearch.removeClass( 'pwd-active' );
				}
			} );

What could I add to make this work? Or can I take from the search code and replace with the correct placements? And this is just for the mobile menu. Thanks!