특별함 내용
이달의 혜택
오시는길 내용
탭메뉴 링크 이동하기 채택완료
1번 탭이 기본이고, 1번 탭일때는 2,3번이 display:none
2번 탭일땐 1,3번이 display:none
3번 탭일땐 1,2번이 display:none 입니다.
아래와 같이 #링크를 주면 한 페이지에서 스크롤 상하로는 이동이 가능한데 각 탭 메뉴로 이동되게 하고 싶습니다.
주소창에서 sir.kr/#tab-1으로 들어가면 특별함이 나오고
sir.kr/#tab-2으로 들어가면 혜택이
sir.kr/#tab-3으로 들어가면 오시는 길이 나오게 하려면
탭 내용을 따로 빼서 연결하는 방법 밖에 없을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
5년 전
location.hash 이 값을 활요하면 됩니다.
크롬이나 파이이폭스에서 F12눌러 콘솔 확인해보세요.
</strong></p>
<p>console.log(<span style="color:#e74c3c;">location.hash</span>);
$('.tab_menu ul li').removeClass('current');
$('.tab-content').removeClass('current');
$(<span style="color:#e74c3c;">location.hash</span>).addClass('current');</p>
<p><strong>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
rockM
5년 전
반응형의 가벼운 제이쿼리 플러그인 소개 시켜 드려 볼게요
https://github.com/samsono/Easy-Responsive-Tabs-to-Accordion
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
채택
답변대기
답변대기
채택
답변대기