無法關閉JS彈出

我有誰創造一個彈出延遲3000，並出現在我的網站的腳本，問題是，我不能刪除它，這裏是我的腳本無法關閉JS彈出

HTML

<div id="growl"></div>

CSS

#growl { 
position: absolute; 
padding:5px; 
bottom: 0; 
right: 5px; 
width: 320px; 
z-index: 10; 
} 

.notice { 
position: relative; 
min-height: 30px; 
padding:5px; 
} 

.skin { 
position: absolute; 
background-color: #000000; 
bottom: 0; 
left: 0; 
opacity: 0.6; 
right: 0; 
top: 0; 
z-index: -1; 
-moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

按鈕關閉

.close { 
background: transparent url('../img/egrowl.png') 0 0 no-repeat; 
text-indent: -9999px; 
position: absolute; 
top: 2px; 
right: 2px; 
    width: 26px; 
height: 26px; 
}

我的腳本

$(document).ready(function(){

延遲

setTimeout(function() { 

addNotice('<p>Do not Forget To Become A member </p><a href="subscribe.php">Subscribe</a>'); 

},3000);

關閉功能

$('#growl') 
.find('.close') 
.on('click', function() { 
    $(this) 
     .closest('.notice') 
     .animate({ 
      border: 'none', 
      height: 0, 
      marginBottom: 0, 
      marginTop: '-6px', 
      opacity: 0, 
      paddingBottom: 0, 
      paddingTop: 0, 
      queue: false 
     }, 2000, function() { 
      $(this).remove(); 
     }); 
    }); 
     });

設置

function addNotice(notice) { 
$('<div class="notice"></div>') 
    .append('<div class="skin"></div>') 
    .append('<a href="#" class="close">close</a>') 
    .append($('<div class="content"></div>').html(notice)) 
    .hide() 
    .appendTo('#growl') 
    .fadeIn(1000); 
}

來源

2012-10-02 Lefteris Livanos