미디어쿼리에서 pc화면에선 숨기는 소스
본문
아래와 같은 소스를 찾았는데요..
도통 모르겠어서 질문드립니다 ㅠㅠ
<script>
$(document).ready(function(){
//btn을 아이디로 가지고 있는 버튼을 클릭했을때..
$('#btn').click(function(){
//보일지 않보일지의 조건... 온/오프로 생각하면됨.
var bool = true;
if(bool){//보인다면 숨겨야겠죠..
$('#test').hide(); //hide() 숨기는 함수
bool = false; // 숨겼으니 오프로 ...
}else{//숨겨져있다면 보여야겠죠..
$('#test').show(); //show() 보이는 함수
bool = true; //보였으니 온으로...
}
});
});
</script>
<body>
<div id='test'>보이기/숨기기</div>
<div><input type='button' value='버튼' id='btn'></div>
</body>
<script>
var flagHide = false;
var flagHideExec = function(){
if (flagHide) $("#mobilead").hide();
else $("#mobilead").show();
};
$("input[type=text]")
.on('touchstart', function(){
flagHide = true;
flagHideExec();
})
.on('blur', function(){
flagHide = false;
setTimeout(function(){
flagHideExec();
}, 500);
})
.on('focus', function(){
flagHide = true;
flagHideExec();
});
</script>
<style>
위 소스와 관련 있는것 같은데 이거 어떻게 하는것인지요?ㅠㅠ
아무리 php에다가 적용을 해도 pc화면서 그냥 나오는데..
다른 소스는 없을까요?
분명 위 소스를 바탕으로 pc화면에서는 안나오고 모바일에서는 나오게 구현했더라구요.
그런데 도통 모르겠습니다 ㅠㅠ
아니면 부스트랩, 반응형 웹에서 pc화면에서는 안나오고 모바일에선 나오는 소스가 있는지 부탁드립니다.
도와주십시오 고수님들 ㅠㅠ
답변을 작성하시기 전에 로그인 해주세요.
