inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

반응형 웹사이트 포트폴리오(Architecture Agency)

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기

오지랖입니다만,

318

Youngjae Choi

작성한 질문수 20

3

$(function(){
    /* TRIGGER */
    $('.trigger').click(function(){
        $(this).toggleClass('active')
        $('.gnb').toggleClass('active')
    })
    $('section').click(function(){
        $('.gnb').removeClass('active')
        $('.trigger').removeClass('active')
    })
})

조금 더 정확하게 해주기 위해, 
마지막에,
$('.trigger').removeClass('active')

이거 한줄 더 넣어주면, 트리거 모양이 돌아옵니다.

저거 빠트리면, gnb가 들어가도 트리거가 X 모양으로 남아 있더라구요.

참고하시라고 넣었습니다.

반응형-웹 jquery HTML/CSS 웹 디자인

답변 2

1

퍼블리니

$('.trigger, .gnb').removeClass('active')

요렇게 한줄로도 적을 수 있습니당^^

0

코딩웍스(Coding Works)

또 감사합니다~^^

full reload 질문

1

201

3

섹션4에 있는 4번째 강의 질문(스크롤링)

1

165

2

안녕하세요. 질문있어서 조심스레 글을 올려봅니다.

1

211

1

브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ

1

338

3

css full reload 문제가 발생하여 질문드립니다!

1

334

3

파일 내 index.html에 대한 오류

1

270

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ

1

218

1

모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다

0

228

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!

1

216

2

모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.

1

264

3

크로스브라우징-크롬

1

298

2

섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..

0

263

1

line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다

1

227

1

슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다

1

294

1

이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?

1

269

1

모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역

1

531

2

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4

2

237

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3

2

326

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2

2

283

1

PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태

2

447

1

포지션 속성 중복과 관련해서

1

229

1

section about에 관련.. 궁금해요

1

262

1

섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련

1

208

2

개발자도구

2

514

6