Knap vil ikke lukke når man trykker på den

Jeg har en header hvor der er nogle knapper som åbner en div, men mit problem er at jeg ikke kan få den til at lukke den div igen ved at klikke på knappen igen, kun ved at klikke uden for den, og jeg er ikke lige en haj til javascript, en her der kan hjælpe mig med det?

 <script type="text/javascript">
         $(document).ready(function() {
 
             $(".friend_notification").click(function(e) {          
                 e.preventDefault();
                 $("#user_notification").toggle();
                 $(".friend_notification").toggleClass("menu-open");
             });
             
             $("#user_notification").mouseup(function() {
                 return false
             });
             $(document).mouseup(function(e) {
                 if($(e.target).parent("a.friend_notification").length==0) {
                     $(".friend_notification").removeClass("menu-open");
                     $("#user_notification").hide();
                 }
             });            
             
             
              $(".message").click(function(e) {          
                 e.preventDefault();
                 $("#user_message").toggle();
                 $(".message").toggleClass("menu-open");
             });
             $("#user_message").mouseup(function() {
                 return false
             });
             $(document).mouseup(function(e) {
                 if($(e.target).parent("a.message").length==0) {
                     $(".message").removeClass("menu-open");
                     $("#user_message").hide();
                 }
             });    
             
             
             
             
              $(".notification").click(function(e) {          
                 e.preventDefault();
                 $("#user_notify_d").toggle();
                 $(".notification").toggleClass("menu-open");
             });
             $("#user_notify_d").mouseup(function() {
                 return false
             });
             $(document).mouseup(function(e) {
                 if($(e.target).parent("a.notification").length==0) {
                     $(".notification").removeClass("menu-open");
                     $("#user_notify_d").hide();
                 }
             });    
         });
 </script>