MENU Effect v1.0 </doc>

http://snan8800.dothome.co.kr/

toggleClass()를 이용하여 클래스를 추가한 뒤 hasClass()로 클래스 여부를 확인하여 사이드 메뉴를 제작하였습니다. 글씨의 변경은 text()메서들르 이용했습니다.

See the Pen Menu - Side Menu by DOHAEUN (@dohaeun) on CodePen.

버튼을 클릭하면 기존의 클래스를 삭제하고(removeClass)하고 클릭한 요소의 클래스를 추가(addClass)하여 탭 메뉴를 완성하였습니다

접근성을 고려하여 초점이동을 준수한 탭 메뉴를 완성하였습니다

See the Pen Menu - Tab menu2 by DOHAEUN (@dohaeun) on CodePen.