작업 중인데 자바스크립트에서 막혀 질문드려요.
탭 메뉴를 누르면 해당 내용이 보이고, 선택한 탭 이미지는 on 이미지로 바꾸고 싶어요.
탭은 h4 태그로 만들었고 총 4개예요. 한 번에 하나만 보이게 하고 나머지는 display:none으로 처리했는데, 자바스크립트로 연결하는 방법을 잘 모르겠네요.
탭 메뉴 자바스크립트로 내용 전환하는 방법이 궁금해요
진주 2026.03.27 댓글 1
진주 2026.03.27 댓글 1
작업 중인데 자바스크립트에서 막혀 질문드려요.
탭 메뉴를 누르면 해당 내용이 보이고, 선택한 탭 이미지는 on 이미지로 바꾸고 싶어요.
탭은 h4 태그로 만들었고 총 4개예요. 한 번에 하나만 보이게 하고 나머지는 display:none으로 처리했는데, 자바스크립트로 연결하는 방법을 잘 모르겠네요.
미영 2026.03.27
선택자 설정이 조금 복잡해 보이네요 ㅎㅎ
content_table1~4는 하나의 클래스로 통일하고, 각 탭에 맞는 내용을 연결해 보세요.
예를 들면 h4 요소를 가져와 반복문으로 이벤트를 설정할 수 있어요.