PLEASE help to correct function

PLEASE help to correct function

Hello friends. I need help: Only Hide "div.notification-container" when the page loads.


Demo: http://jsfiddle.net/P62W4/1/

  1. $(document).click(function(event) {
  2.     var $target = $(event.target);
  3.     
  4.     if ($target.parents().index($('.notification-container')) == -1) {
  5.         if ($('.notification-container').is(":visible")) {
  6.             $('.notification-container').animate({
  7.                 "margin-top": "-15px"
  8.             }, 75, function() {
  9.                 $(this).fadeOut(75)
  10.             });
  11.         }
  12.         else {
  13.             if($target.hasClass("notification-button")) {
  14.                 //This should only show when you click: ".notification-button" not document
  15.                 $('.notification-container').show().animate({
  16.                     "margin-top": "0px"
  17.                 }, 75);
  18.             }
  19.         }
  20.     }
  21. });

JAVIER