.addClass / .removeClass

Bella Kang·2023년 2월 3일

이전에는 animate를 이용해 동작을 주었지만
더 간단한 방법이 있다


css에서 .menu에 클래스on을 추가해주어
on을 left:0;으로 준다



그리고 js에서
addClass 와 removeClass를 이용해 동작을 구현해주는 것이다!

위 코드를 해석하자면,

  • .btn-menu를 클릭했을 때는 클래스 on을 추가
  • .btn-close를 클릭했을 때는 클래스 on을 제거



    그럼 다음과 같이 잘 나오는 모습을 볼 수 있다
profile
웹퍼블리싱, 웹디자인, uiux 프로덕트 디자인까지

0개의 댓글