|
|
|
13년 전
|
조회 740
|
|
|
|
13년 전
|
조회 6,054
|
|
|
|
13년 전
|
조회 1,007
|
|
|
|
13년 전
|
조회 1,225
|
|
|
|
13년 전
|
조회 5,028
|
|
|
|
13년 전
|
조회 1,676
|
|
|
|
13년 전
|
조회 2,483
|
|
|
 지운아빠
|
13년 전
|
조회 1,876
|
|
|
|
13년 전
|
조회 1,082
|
|
|
지운아빠
|
13년 전
|
조회 1,159
|
|
|
|
13년 전
|
조회 1,083
|
|
|
|
13년 전
|
조회 795
|
|
|
|
13년 전
|
조회 1,178
|
|
|
|
13년 전
|
조회 7,737
|
|
|
|
13년 전
|
조회 3,144
|
|
|
|
13년 전
|
조회 901
|
|
|
|
13년 전
|
조회 1,933
|
|
|
|
13년 전
|
조회 2,137
|
|
|
|
13년 전
|
조회 4,655
|
|
|
|
13년 전
|
조회 972
|
|
|
|
13년 전
|
조회 2,166
|
|
|
|
13년 전
|
조회 702
|
|
|
|
13년 전
|
조회 1,114
|
|
|
|
13년 전
|
조회 1,171
|
|
|
|
13년 전
|
조회 718
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 892
|
|
|
지운아빠
|
13년 전
|
조회 1,493
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 882
|
|
|
|
13년 전
|
조회 2,094
|
|
|
|
13년 전
|
조회 1,728
|
|
|
|
13년 전
|
조회 1,673
|
|
|
|
13년 전
|
조회 2,941
|
|
|
|
13년 전
|
조회 1,042
|
|
|
|
13년 전
|
조회 737
|
|
|
|
13년 전
|
조회 1,115
|
|
|
|
13년 전
|
조회 2,186
|
|
|
|
13년 전
|
조회 1,600
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 1,389
|
|
|
|
13년 전
|
조회 852
|
|
|
|
13년 전
|
조회 1,373
|
|
|
|
13년 전
|
조회 739
|
|
|
|
13년 전
|
조회 1,400
|
|
|
|
13년 전
|
조회 1,238
|
|
|
|
13년 전
|
조회 1,630
|
|
|
|
13년 전
|
조회 1,131
|
|
|
|
13년 전
|
조회 1,381
|
|
|
|
13년 전
|
조회 1,047
|
|
|
|
13년 전
|
조회 777
|
|
|
|
13년 전
|
조회 854
|
|
|
|
13년 전
|
조회 1,220
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 1,474
|
|
|
|
13년 전
|
조회 893
|
|
|
|
13년 전
|
조회 788
|
|
|
|
13년 전
|
조회 911
|
|
|
|
13년 전
|
조회 847
|
|
|
|
13년 전
|
조회 1,993
|
|
|
|
13년 전
|
조회 1,194
|
|
|
|
13년 전
|
조회 1,159
|
|
|
|
13년 전
|
조회 2,105
|
|
|
|
13년 전
|
조회 1,142
|
|
|
|
13년 전
|
조회 770
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 1,512
|
|
|
|
13년 전
|
조회 955
|
|
|
|
13년 전
|
조회 750
|
|
|
|
13년 전
|
조회 1,007
|
|
|
|
13년 전
|
조회 2,876
|
|
|
|
13년 전
|
조회 1,551
|
|
|
|
13년 전
|
조회 1,344
|
|
|
|
13년 전
|
조회 791
|
|
|
|
13년 전
|
조회 728
|
|
|
|
13년 전
|
조회 663
|
|
|
|
13년 전
|
조회 914
|
|
|
|
13년 전
|
조회 1,152
|
|
|
|
13년 전
|
조회 3,184
|
|
|
|
13년 전
|
조회 1,009
|
|
|
|
13년 전
|
조회 1,211
|
|
|
|
13년 전
|
조회 920
|
|
|
|
13년 전
|
조회 788
|
|
|
|
13년 전
|
조회 1,030
|
|
|
|
13년 전
|
조회 1,038
|
|
|
|
13년 전
|
조회 1,299
|
|
|
|
13년 전
|
조회 2,730
|
|
|
|
13년 전
|
조회 3,181
|
|
|
|
13년 전
|
조회 1,203
|
|
|
|
13년 전
|
조회 1,259
|
|
|
|
13년 전
|
조회 735
|
|
|
|
13년 전
|
조회 1,892
|
|
|
|
13년 전
|
조회 803
|
|
|
|
13년 전
|
조회 886
|
|
|
|
13년 전
|
조회 686
|
|
|
|
13년 전
|
조회 1,391
|
|
|
|
13년 전
|
조회 822
|
|
|
|
13년 전
|
조회 1,195
|
|
|
|
13년 전
|
조회 1,185
|
|
|
|
13년 전
|
조회 689
|
댓글 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();
});
});