미디어쿼리에서 pc화면에선 숨기는 소스

미디어쿼리에서 pc화면에선 숨기는 소스 채택완료

아래와 같은 소스를 찾았는데요..

도통 모르겠어서 질문드립니다 ㅠㅠ

Copy




$(document).ready(function(){
//btn을 아이디로 가지고 있는 버튼을 클릭했을때..
$('#btn').click(function(){
//보일지 않보일지의 조건... 온/오프로 생각하면됨.
var bool = true;
 


if(bool){//보인다면 숨겨야겠죠..
$('#test').hide(); //hide() 숨기는 함수
bool = false; // 숨겼으니 오프로 ...
}else{//숨겨져있다면 보여야겠죠..
$('#test').show(); //show() 보이는 함수
bool = true; //보였으니 온으로...
}
});
});

 

보이기/숨기기

Copy




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();
});

위 소스와 관련 있는것 같은데 이거 어떻게 하는것인지요?ㅠㅠ

아무리 php에다가 적용을 해도 pc화면서 그냥 나오는데..

다른 소스는 없을까요?

분명 위 소스를 바탕으로 pc화면에서는 안나오고 모바일에서는 나오게 구현했더라구요.

그런데 도통 모르겠습니다 ㅠㅠ

아니면 부스트랩, 반응형 웹에서 pc화면에서는 안나오고 모바일에선 나오는 소스가 있는지 부탁드립니다.

도와주십시오 고수님들 ㅠㅠ

미디어쿼리에서 pc화면에선 숨기는 소스 채택완료

답변 1개

답변에 대한 댓글 1개

미디어쿼리에서 pc화면에선 숨기는 소스 채택완료

답변 1개

답변에 대한 댓글 1개

공유하기