취소버튼 누를경우 하루동안 안보게 하고 싶은데... 채택완료

<div class="modal" style="margin:0 auto;width:990px;height:100px;">
            <img src="'./image.png">        
            <a href="javascript:;" class="btn_close">X</a>
        </div>
        <script>
            $(document).ready(function () {
                $(".modal .btn_close").click(function () {
                    setCookieMobile( "todayCookie", "done" , 1);
                    $(".modal").hide();
                });
            });
             
            function setCookieMobile ( name, value, expiredays ) {
                var todayDate = new Date();
                todayDate.setDate( todayDate.getDate() + expiredays );
                document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
            }
            function getCookieMobile () {
                var cookiedata = document.cookie;
                if ( cookiedata.indexOf("todayCookier=done") < 0 ){
                     $(".modal").show();
                }
                else {
                    $(".modal").hide();
                }
            }
            getCookieMobile();
        </script>

현재 이렇게 X버튼(취소버튼)을 누르면 display:none이 되면서 닫기는 잘되는데

X버튼을 누를경우 오늘 하루동안 안보게 하고 싶은데.. 어떤걸 수정해야될까요..