안녕하세요 javascript 질문드려요.. 채택완료

윈도우 창이 모바일화면일때 팝업을 숨기고싶어서

제가 함수를 직접만드러봤는데요

자바스크립트만으로 만들줄도 몰르고해서 왜이게 작동이안되는지도 모르겠어요 ㅠㅠ

    $(function(){ //jQuery 준비                  var cn = 0;         $('#background > ul > li').hide();         $('#background > ul > li').eq(cn).fadeIn(500);         setInterval(function(){             if( cn < 1){             cn++;             }else{             cn=0;             }             $('#background > ul > li').fadeOut(500);             $('#background > ul > li').eq(cn).fadeIn(500);         },3000);

                   $('span.close').css('cursor','pointer');

           $('#popup').animate({    //애니메이트 효과시작                          top:'200px'               // 속성값          }, 1000,'easeOutElastic');     //1000은 듀레이션, 뒤는 ease 효과                $('span.close').click(function(){             $('#popup').hide();         });                  //팝업 모바일 숨기는 함수         function hide_show(){                  var size = $(window).innerWidth;                  function doHide(){                  if(size <= 768){

        $('#popup').css({"display":"none"});

        }else{

        $('#popup').css({"display":"block"});

        }

        }         alert(window.innerWidth);              }         }); //jQuery 종료  

밑에 팝업숨기는함수를 만들어봤습니다..

어떻게하면 이팝업을 모바일에서 안보이게할수있을까요..