jQuery : クローズボタンを押しても、バナーを非表示にできません。

Question

サイトにアクセスした初回のみ、
10秒後にクローズボタン付き（クローズボタンを押してバナーを非表示にできる）のバナーを10秒間表示させて、
その後フェードアウトさせるというjQueryを書きたいのですが
下記のプログラムでクローズボタンを押しても、バナーを非表示にできません。

どこがミスしているかわからず困っています。
何卒よろしくお願いします。

/-- popupBanner--/

jQuery(function() {
var $popupbanner01 = $('.popup_banner01');
$close = $('.closeBtn');

$popupbanner01.hide();
$close.click(function(){
$popupbanner01.fadeOut();
});

if($.cookie("access") == undefined){
$.cookie("access","onece");
setTimeout(function(){
$popupbanner01.fadeIn().delay(10000).fadeOut();
},10000);
}

});

jQuery(function() {
$(".delete").click(function(){
$.removeCookie("access");
});
});

Answer 1

こんな感じでどうでしょう？

<style>
body{
margin:0;
padding:0;
}
#banner{
width:100%;
height:100%;
position:absolute;
background-Color:#c0c0c0;
}
</style>
<script>
$(function(){
  $('#banner').delay(3000).queue(function(){
    $(this).fadeOut().dequeue();
  })
  $('#banner_close').on('click',function(){
    $('#banner').dequeue().fadeOut();
  });
});
</script>
<div id="banner">バナー
<input type="button" value="close" id="banner_close"></div>
<div>本文</div>