|
|
|
13년 전
|
조회 717
|
|
|
|
13년 전
|
조회 6,038
|
|
|
|
13년 전
|
조회 994
|
|
|
|
13년 전
|
조회 1,207
|
|
|
|
13년 전
|
조회 5,009
|
|
|
|
13년 전
|
조회 1,663
|
|
|
|
13년 전
|
조회 2,467
|
|
|
 지운아빠
|
13년 전
|
조회 1,859
|
|
|
|
13년 전
|
조회 1,062
|
|
|
지운아빠
|
13년 전
|
조회 1,142
|
|
|
|
13년 전
|
조회 1,059
|
|
|
|
13년 전
|
조회 779
|
|
|
|
13년 전
|
조회 1,160
|
|
|
|
13년 전
|
조회 7,717
|
|
|
|
13년 전
|
조회 3,122
|
|
|
|
13년 전
|
조회 879
|
|
|
|
13년 전
|
조회 1,916
|
|
|
|
13년 전
|
조회 2,114
|
|
|
|
13년 전
|
조회 4,638
|
|
|
|
13년 전
|
조회 952
|
|
|
|
13년 전
|
조회 2,149
|
|
|
|
13년 전
|
조회 684
|
|
|
|
13년 전
|
조회 1,096
|
|
|
|
13년 전
|
조회 1,155
|
|
|
|
13년 전
|
조회 702
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 869
|
|
|
지운아빠
|
13년 전
|
조회 1,472
|
|
|
|
13년 전
|
조회 859
|
|
|
|
13년 전
|
조회 865
|
|
|
|
13년 전
|
조회 2,081
|
|
|
|
13년 전
|
조회 1,711
|
|
|
|
13년 전
|
조회 1,654
|
|
|
|
13년 전
|
조회 2,922
|
|
|
|
13년 전
|
조회 1,023
|
|
|
|
13년 전
|
조회 722
|
|
|
|
13년 전
|
조회 1,097
|
|
|
|
13년 전
|
조회 2,164
|
|
|
|
13년 전
|
조회 1,579
|
|
|
|
13년 전
|
조회 1,107
|
|
|
|
13년 전
|
조회 1,369
|
|
|
|
13년 전
|
조회 834
|
|
|
|
13년 전
|
조회 1,358
|
|
|
|
13년 전
|
조회 718
|
|
|
|
13년 전
|
조회 1,379
|
|
|
|
13년 전
|
조회 1,217
|
|
|
|
13년 전
|
조회 1,607
|
|
|
|
13년 전
|
조회 1,114
|
|
|
|
13년 전
|
조회 1,368
|
|
|
|
13년 전
|
조회 1,026
|
|
|
|
13년 전
|
조회 761
|
|
|
|
13년 전
|
조회 835
|
|
|
|
13년 전
|
조회 1,207
|
|
|
|
13년 전
|
조회 756
|
|
|
|
13년 전
|
조회 1,460
|
|
|
|
13년 전
|
조회 871
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 891
|
|
|
|
13년 전
|
조회 833
|
|
|
|
13년 전
|
조회 1,977
|
|
|
|
13년 전
|
조회 1,180
|
|
|
|
13년 전
|
조회 1,143
|
|
|
|
13년 전
|
조회 2,088
|
|
|
|
13년 전
|
조회 1,132
|
|
|
|
13년 전
|
조회 756
|
|
|
|
13년 전
|
조회 752
|
|
|
|
13년 전
|
조회 1,496
|
|
|
|
13년 전
|
조회 942
|
|
|
|
13년 전
|
조회 736
|
|
|
|
13년 전
|
조회 993
|
|
|
|
13년 전
|
조회 2,857
|
|
|
|
13년 전
|
조회 1,533
|
|
|
|
13년 전
|
조회 1,331
|
|
|
|
13년 전
|
조회 775
|
|
|
|
13년 전
|
조회 712
|
|
|
|
13년 전
|
조회 650
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 1,137
|
|
|
|
13년 전
|
조회 3,169
|
|
|
|
13년 전
|
조회 991
|
|
|
|
13년 전
|
조회 1,197
|
|
|
|
13년 전
|
조회 904
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 1,014
|
|
|
|
13년 전
|
조회 1,020
|
|
|
|
13년 전
|
조회 1,283
|
|
|
|
13년 전
|
조회 2,717
|
|
|
|
13년 전
|
조회 3,162
|
|
|
|
13년 전
|
조회 1,188
|
|
|
|
13년 전
|
조회 1,245
|
|
|
|
13년 전
|
조회 721
|
|
|
|
13년 전
|
조회 1,884
|
|
|
|
13년 전
|
조회 789
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 673
|
|
|
|
13년 전
|
조회 1,379
|
|
|
|
13년 전
|
조회 813
|
|
|
|
13년 전
|
조회 1,180
|
|
|
|
13년 전
|
조회 1,165
|
|
|
|
13년 전
|
조회 676
|
댓글 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();
});
});