문서마다 조건에 맞으면 뜨는 레이어 문서마다 쿠키적용

<script>
jQuery(document).ready(function($) {    
var id = '#dialog';

//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = 1010;

//Set heigth and width to mask to fill up the whole screen
$('#mask').css('width', maskWidth);
$('#mask').css('height', maskHeight);

//transition effect
$('#mask').fadeIn(500);    
$('#mask').fadeTo("slow",0.9);    

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
  
//Set the popup window to center
$(id).css('top',  winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);

//transition effect
$(id).fadeIn(2000);     

//if close button is clicked
$('.window .close').click(function(e){
//Cancel the link behavior
e.preventDefault();

$('#mask').hide();
$('.window').hide();
});

//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});

// 게시글 별 쿠키 확인
var documentSrl = new URL(current_url).searchParams.get('document_srl');
$("#dialog .agree").click(function(e){
e.preventDefault();
setCookie('agree_cookie_' + documentSrl, 'true', new Date(Date.now() + 86400));
$('#boxes').remove();
});

if(getCookie('agree_cookie_' + documentSrl) == 'true'){
$('#boxes').remove();
}
else {
$('#boxes').show();
}
});
</script>

<div id="boxes" style="display: none;">
  <div id="dialog" class="window">
    Your Content Goes Here
    <div id="popupfoot"> <a href="#" class="agree">I agree</a> | <a class="close"style="color:red;" href="#">I do not agree</a> </div>
  </div>
  <div id="mask"></div>
</div>