테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 토글 채택완료

반응형을 코딩 하고 있는데요...

 

 

 

pc에서 화면입니다. lnb영역과 콘텐츠 영역이 잘 보입니다.


 

모바일로 봤을때 open 버튼에 jquery toggle 버튼을 넣어서 메뉴를 열고 닫게끔 했습니다..

 

 

 

근데... 다시 창을 넓혔을때 LNB가 나와야하는데


toggle 때문에 display 가 none이 되네요 ...

 


 

 

pc일때 display:block 도 줘보고

스크립트로 width가 몇 이상일때 display : block 처리도 줘봤는데 잘 안먹네요 ㅠㅠ

 

이부분 어떻게 처리해야할지..

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트

 

var screen.width 

if( x.width > screen) {

$.(#).toggle{

}

}else{

$("#").css("display", block)

}

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

display:block 을

display:block!important 로 줘보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

브라우저를 줄였다 늘렸다 하는건 테스트할때만 가능합니다. 모바일에서 브라우저를 늘리는일은

없기 때문에 무시하셔도될듯합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

PC에서 화면 줄였다 늘렸을때를 고려해서 ㅠㅠ 그렇습니다....

댓글을 작성하려면 로그인이 필요합니다.

width 로 분기 태워서 작업하시면 됩니다.

screen.width 가 작을 때에는 토글이 아닐 때에는 display:block이 이러면 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

제이쿼리 이프문으로 하면댈까요?

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고