|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 6,179
|
|
|
|
13년 전
|
조회 1,136
|
|
|
|
13년 전
|
조회 1,335
|
|
|
|
13년 전
|
조회 5,159
|
|
|
|
13년 전
|
조회 1,801
|
|
|
|
13년 전
|
조회 2,613
|
|
|
 지운아빠
|
13년 전
|
조회 1,988
|
|
|
|
13년 전
|
조회 1,207
|
|
|
지운아빠
|
13년 전
|
조회 1,279
|
|
|
|
13년 전
|
조회 1,201
|
|
|
|
13년 전
|
조회 915
|
|
|
|
13년 전
|
조회 1,305
|
|
|
|
13년 전
|
조회 7,859
|
|
|
|
13년 전
|
조회 3,266
|
|
|
|
13년 전
|
조회 1,016
|
|
|
|
13년 전
|
조회 2,061
|
|
|
|
13년 전
|
조회 2,262
|
|
|
|
13년 전
|
조회 4,775
|
|
|
|
13년 전
|
조회 1,109
|
|
|
|
13년 전
|
조회 2,271
|
|
|
|
13년 전
|
조회 823
|
|
|
|
13년 전
|
조회 1,250
|
|
|
|
13년 전
|
조회 1,293
|
|
|
|
13년 전
|
조회 838
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 1,015
|
|
|
지운아빠
|
13년 전
|
조회 1,615
|
|
|
|
13년 전
|
조회 1,010
|
|
|
|
13년 전
|
조회 998
|
|
|
|
13년 전
|
조회 2,219
|
|
|
|
13년 전
|
조회 1,854
|
|
|
|
13년 전
|
조회 1,804
|
|
|
|
13년 전
|
조회 3,072
|
|
|
|
13년 전
|
조회 1,173
|
|
|
|
13년 전
|
조회 874
|
|
|
|
13년 전
|
조회 1,231
|
|
|
|
13년 전
|
조회 2,319
|
|
|
|
13년 전
|
조회 1,729
|
|
|
|
13년 전
|
조회 1,234
|
|
|
|
13년 전
|
조회 1,501
|
|
|
|
13년 전
|
조회 973
|
|
|
|
13년 전
|
조회 1,494
|
|
|
|
13년 전
|
조회 847
|
|
|
|
13년 전
|
조회 1,525
|
|
|
|
13년 전
|
조회 1,358
|
|
|
|
13년 전
|
조회 1,767
|
|
|
|
13년 전
|
조회 1,244
|
|
|
|
13년 전
|
조회 1,494
|
|
|
|
13년 전
|
조회 1,166
|
|
|
|
13년 전
|
조회 897
|
|
|
|
13년 전
|
조회 970
|
|
|
|
13년 전
|
조회 1,340
|
|
|
|
13년 전
|
조회 898
|
|
|
|
13년 전
|
조회 1,602
|
|
|
|
13년 전
|
조회 1,022
|
|
|
|
13년 전
|
조회 901
|
|
|
|
13년 전
|
조회 1,034
|
|
|
|
13년 전
|
조회 960
|
|
|
|
13년 전
|
조회 2,104
|
|
|
|
13년 전
|
조회 1,319
|
|
|
|
13년 전
|
조회 1,266
|
|
|
|
13년 전
|
조회 2,234
|
|
|
|
13년 전
|
조회 1,275
|
|
|
|
13년 전
|
조회 891
|
|
|
|
13년 전
|
조회 887
|
|
|
|
13년 전
|
조회 1,637
|
|
|
|
13년 전
|
조회 1,083
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 1,139
|
|
|
|
13년 전
|
조회 3,001
|
|
|
|
13년 전
|
조회 1,680
|
|
|
|
13년 전
|
조회 1,466
|
|
|
|
13년 전
|
조회 912
|
|
|
|
13년 전
|
조회 854
|
|
|
|
13년 전
|
조회 781
|
|
|
|
13년 전
|
조회 1,046
|
|
|
|
13년 전
|
조회 1,289
|
|
|
|
13년 전
|
조회 3,307
|
|
|
|
13년 전
|
조회 1,122
|
|
|
|
13년 전
|
조회 1,336
|
|
|
|
13년 전
|
조회 1,047
|
|
|
|
13년 전
|
조회 911
|
|
|
|
13년 전
|
조회 1,150
|
|
|
|
13년 전
|
조회 1,153
|
|
|
|
13년 전
|
조회 1,408
|
|
|
|
13년 전
|
조회 2,864
|
|
|
|
13년 전
|
조회 3,293
|
|
|
|
13년 전
|
조회 1,317
|
|
|
|
13년 전
|
조회 1,391
|
|
|
|
13년 전
|
조회 872
|
|
|
|
13년 전
|
조회 2,013
|
|
|
|
13년 전
|
조회 924
|
|
|
|
13년 전
|
조회 1,000
|
|
|
|
13년 전
|
조회 794
|
|
|
|
13년 전
|
조회 1,512
|
|
|
|
13년 전
|
조회 951
|
|
|
|
13년 전
|
조회 1,316
|
|
|
|
13년 전
|
조회 1,314
|
|
|
|
13년 전
|
조회 814
|
댓글 3개
탭에 맞는 레이어를 모두 만들어 놓고 첫탭에 해당되는 레이어 빼고는 모두 숨겨 놓구 탭을 누를때 마다 탭에 맞는 레이어를 보여 주시고 나머지는 숨기고 이런식으로 하시면 될것 같네요..
제이쿼리 처음입문하는데 재미난기능들이 많군요 ㅎㅎ
텝1 | 텝2 | 텝3 <--- 탭끼리 형제 요소들 class="tab"
ㅁㅁㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁㅁㅁ <--- 내용끼리 형제 요소들 class="content0" class="content1" class="content2" 로 각각 부여
라고 하고
탭1(content0)만 display:block 나머지(content1, content2)는 display:none
css가 기본적으로 세팅이 되시면
$(".tab").each(function(index) {
$(this).click(function() {
$(".content" + index).siblings().hide().end().show();
});
});