|
|
|
13년 전
|
조회 714
|
|
|
|
13년 전
|
조회 6,035
|
|
|
|
13년 전
|
조회 991
|
|
|
|
13년 전
|
조회 1,202
|
|
|
|
13년 전
|
조회 5,006
|
|
|
|
13년 전
|
조회 1,658
|
|
|
|
13년 전
|
조회 2,462
|
|
|
 지운아빠
|
13년 전
|
조회 1,852
|
|
|
|
13년 전
|
조회 1,059
|
|
|
지운아빠
|
13년 전
|
조회 1,138
|
|
|
|
13년 전
|
조회 1,054
|
|
|
|
13년 전
|
조회 775
|
|
|
|
13년 전
|
조회 1,152
|
|
|
|
13년 전
|
조회 7,711
|
|
|
|
13년 전
|
조회 3,120
|
|
|
|
13년 전
|
조회 873
|
|
|
|
13년 전
|
조회 1,912
|
|
|
|
13년 전
|
조회 2,111
|
|
|
|
13년 전
|
조회 4,632
|
|
|
|
13년 전
|
조회 946
|
|
|
|
13년 전
|
조회 2,146
|
|
|
|
13년 전
|
조회 679
|
|
|
|
13년 전
|
조회 1,092
|
|
|
|
13년 전
|
조회 1,150
|
|
|
|
13년 전
|
조회 697
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 865
|
|
|
지운아빠
|
13년 전
|
조회 1,470
|
|
|
|
13년 전
|
조회 855
|
|
|
|
13년 전
|
조회 861
|
|
|
|
13년 전
|
조회 2,076
|
|
|
|
13년 전
|
조회 1,706
|
|
|
|
13년 전
|
조회 1,649
|
|
|
|
13년 전
|
조회 2,916
|
|
|
|
13년 전
|
조회 1,020
|
|
|
|
13년 전
|
조회 719
|
|
|
|
13년 전
|
조회 1,094
|
|
|
|
13년 전
|
조회 2,160
|
|
|
|
13년 전
|
조회 1,575
|
|
|
|
13년 전
|
조회 1,102
|
|
|
|
13년 전
|
조회 1,361
|
|
|
|
13년 전
|
조회 832
|
|
|
|
13년 전
|
조회 1,356
|
|
|
|
13년 전
|
조회 713
|
|
|
|
13년 전
|
조회 1,378
|
|
|
|
13년 전
|
조회 1,215
|
|
|
|
13년 전
|
조회 1,607
|
|
|
|
13년 전
|
조회 1,109
|
|
|
|
13년 전
|
조회 1,364
|
|
|
|
13년 전
|
조회 1,022
|
|
|
|
13년 전
|
조회 753
|
|
|
|
13년 전
|
조회 832
|
|
|
|
13년 전
|
조회 1,202
|
|
|
|
13년 전
|
조회 751
|
|
|
|
13년 전
|
조회 1,456
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 887
|
|
|
|
13년 전
|
조회 829
|
|
|
|
13년 전
|
조회 1,972
|
|
|
|
13년 전
|
조회 1,177
|
|
|
|
13년 전
|
조회 1,138
|
|
|
|
13년 전
|
조회 2,086
|
|
|
|
13년 전
|
조회 1,130
|
|
|
|
13년 전
|
조회 751
|
|
|
|
13년 전
|
조회 748
|
|
|
|
13년 전
|
조회 1,493
|
|
|
|
13년 전
|
조회 939
|
|
|
|
13년 전
|
조회 733
|
|
|
|
13년 전
|
조회 993
|
|
|
|
13년 전
|
조회 2,853
|
|
|
|
13년 전
|
조회 1,530
|
|
|
|
13년 전
|
조회 1,330
|
|
|
|
13년 전
|
조회 772
|
|
|
|
13년 전
|
조회 711
|
|
|
|
13년 전
|
조회 647
|
|
|
|
13년 전
|
조회 896
|
|
|
|
13년 전
|
조회 1,132
|
|
|
|
13년 전
|
조회 3,163
|
|
|
|
13년 전
|
조회 987
|
|
|
|
13년 전
|
조회 1,190
|
|
|
|
13년 전
|
조회 901
|
|
|
|
13년 전
|
조회 765
|
|
|
|
13년 전
|
조회 1,009
|
|
|
|
13년 전
|
조회 1,014
|
|
|
|
13년 전
|
조회 1,278
|
|
|
|
13년 전
|
조회 2,712
|
|
|
|
13년 전
|
조회 3,159
|
|
|
|
13년 전
|
조회 1,184
|
|
|
|
13년 전
|
조회 1,241
|
|
|
|
13년 전
|
조회 714
|
|
|
|
13년 전
|
조회 1,876
|
|
|
|
13년 전
|
조회 784
|
|
|
|
13년 전
|
조회 863
|
|
|
|
13년 전
|
조회 668
|
|
|
|
13년 전
|
조회 1,374
|
|
|
|
13년 전
|
조회 807
|
|
|
|
13년 전
|
조회 1,178
|
|
|
|
13년 전
|
조회 1,164
|
|
|
|
13년 전
|
조회 675
|
댓글 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();
});
});