제이쿼리 토글
본문
반응형을 코딩 하고 있는데요...
pc에서 화면입니다. lnb영역과 콘텐츠 영역이 잘 보입니다.
모바일로 봤을때 open 버튼에 jquery toggle 버튼을 넣어서 메뉴를 열고 닫게끔 했습니다..
근데... 다시 창을 넓혔을때 LNB가 나와야하는데
toggle 때문에 display 가 none이 되네요 ...
pc일때 display:block 도 줘보고
스크립트로 width가 몇 이상일때 display : block 처리도 줘봤는데 잘 안먹네요 ㅠㅠ
이부분 어떻게 처리해야할지..
답변 4
var screen.width
if( x.width > screen) {
$.(#).toggle{
}
}else{
$("#").css("display", block)
}
width 로 분기 태워서 작업하시면 됩니다.
screen.width 가 작을 때에는 토글이 아닐 때에는 display:block이 이러면 됩니다.
브라우저를 줄였다 늘렸다 하는건 테스트할때만 가능합니다. 모바일에서 브라우저를 늘리는일은
없기 때문에 무시하셔도될듯합니다.
display:block 을
display:block!important 로 줘보세요
답변을 작성하시기 전에 로그인 해주세요.