Javascript jquery fadein，延迟问题

下面我有一段代码，显示div并将其存储在cookie中，如果cookie存在，它将隐藏它们。问题是，当我将我的3秒延迟添加到一个div id中时，页面重新加载该id，而延迟一直显示

    <script type="text/javascript" >
  //Search script to hide
   $(document).ready(function(){
     $('#popUpsearch').effect("pulsate", { times:2 }, 4000);
    $('#popUpsearch').fadeOut(5000); 

       $('#popUpsearch').load('a', function() {
         $.cookie('contentsearch','hid', { expires: 365});
     });

       if ( $.cookie('contentsearch') == 'hid'){
   $('#popUpsearch').hide();    
      };    
  $('#popUpnav').delay(3000).effect("pulsate", { times:2 }, 4000)
    $('#popUpnav').fadeOut(6000);
     $('#popUpnav').load('a', function() {
         $.cookie('contentnav','hide', { expires: 365});
     });
      if ( $.cookie('contentnav') == 'hide'){
     $('#popUpnav').hide();    
    };  
}); 

    //$(function() {
//   $.cookie('searchbox','sb3', { expires: 365});
//        if ($.cookie('searchbox') == 'sb3'){
//           $('#popUpsearch').hide();    
//        };    
//    }); 

</script>

---

使用If块，以便一次只执行一组操作

if ( $.cookie('contentnav') == 'hide'){
  $('#popUpnav').hide();    
} else {
 $('#popUpnav').delay(3000).effect("pulsate", { times:2 }, 4000)
 $('#popUpnav').fadeOut(6000);
 $('#popUpnav').load('a', function() {
   $.cookie('contentnav','hide', { expires: 365});
 });
}