모바일에서만 작동하는 select tab

$("#tab-select select[name=select_table]").on('change', function(){
//alert($(this).val());

var tabLink = $(this).val();
//var tabTable = $('.table-wrap');​

if($(tabLink).length>0){
$('.mypage-form .table-wrap').removeClass('show');
$(tabLink).addClass('show');
}

//return false;

});

@media screen and (max-width: 970px){
.board-wrap .table-wrap {display: none;}
.board-wrap .table-wrap.show {display: block;}
}

<%--#tab1에는 .show 추가해놔야함 안그럼 모바일에서 안보임  --%>