|
|
|
13년 전
|
조회 720
|
|
|
|
13년 전
|
조회 6,043
|
|
|
|
13년 전
|
조회 995
|
|
|
|
13년 전
|
조회 1,211
|
|
|
|
13년 전
|
조회 5,018
|
|
|
|
13년 전
|
조회 1,664
|
|
|
|
13년 전
|
조회 2,472
|
|
|
 지운아빠
|
13년 전
|
조회 1,861
|
|
|
|
13년 전
|
조회 1,067
|
|
|
지운아빠
|
13년 전
|
조회 1,146
|
|
|
|
13년 전
|
조회 1,064
|
|
|
|
13년 전
|
조회 784
|
|
|
|
13년 전
|
조회 1,164
|
|
|
|
13년 전
|
조회 7,723
|
|
|
|
13년 전
|
조회 3,128
|
|
|
|
13년 전
|
조회 883
|
|
|
|
13년 전
|
조회 1,919
|
|
|
|
13년 전
|
조회 2,118
|
|
|
|
13년 전
|
조회 4,642
|
|
|
|
13년 전
|
조회 955
|
|
|
|
13년 전
|
조회 2,151
|
|
|
|
13년 전
|
조회 689
|
|
|
|
13년 전
|
조회 1,102
|
|
|
|
13년 전
|
조회 1,160
|
|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 874
|
|
|
지운아빠
|
13년 전
|
조회 1,479
|
|
|
|
13년 전
|
조회 866
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 2,086
|
|
|
|
13년 전
|
조회 1,714
|
|
|
|
13년 전
|
조회 1,660
|
|
|
|
13년 전
|
조회 2,932
|
|
|
|
13년 전
|
조회 1,029
|
|
|
|
13년 전
|
조회 725
|
|
|
|
13년 전
|
조회 1,099
|
|
|
|
13년 전
|
조회 2,168
|
|
|
|
13년 전
|
조회 1,585
|
|
|
|
13년 전
|
조회 1,111
|
|
|
|
13년 전
|
조회 1,371
|
|
|
|
13년 전
|
조회 841
|
|
|
|
13년 전
|
조회 1,363
|
|
|
|
13년 전
|
조회 723
|
|
|
|
13년 전
|
조회 1,386
|
|
|
|
13년 전
|
조회 1,221
|
|
|
|
13년 전
|
조회 1,615
|
|
|
|
13년 전
|
조회 1,118
|
|
|
|
13년 전
|
조회 1,370
|
|
|
|
13년 전
|
조회 1,031
|
|
|
|
13년 전
|
조회 766
|
|
|
|
13년 전
|
조회 844
|
|
|
|
13년 전
|
조회 1,209
|
|
|
|
13년 전
|
조회 761
|
|
|
|
13년 전
|
조회 1,463
|
|
|
|
13년 전
|
조회 874
|
|
|
|
13년 전
|
조회 776
|
|
|
|
13년 전
|
조회 898
|
|
|
|
13년 전
|
조회 837
|
|
|
|
13년 전
|
조회 1,981
|
|
|
|
13년 전
|
조회 1,183
|
|
|
|
13년 전
|
조회 1,147
|
|
|
|
13년 전
|
조회 2,095
|
|
|
|
13년 전
|
조회 1,132
|
|
|
|
13년 전
|
조회 757
|
|
|
|
13년 전
|
조회 757
|
|
|
|
13년 전
|
조회 1,501
|
|
|
|
13년 전
|
조회 944
|
|
|
|
13년 전
|
조회 740
|
|
|
|
13년 전
|
조회 999
|
|
|
|
13년 전
|
조회 2,863
|
|
|
|
13년 전
|
조회 1,535
|
|
|
|
13년 전
|
조회 1,336
|
|
|
|
13년 전
|
조회 780
|
|
|
|
13년 전
|
조회 719
|
|
|
|
13년 전
|
조회 654
|
|
|
|
13년 전
|
조회 905
|
|
|
|
13년 전
|
조회 1,139
|
|
|
|
13년 전
|
조회 3,172
|
|
|
|
13년 전
|
조회 995
|
|
|
|
13년 전
|
조회 1,198
|
|
|
|
13년 전
|
조회 908
|
|
|
|
13년 전
|
조회 776
|
|
|
|
13년 전
|
조회 1,016
|
|
|
|
13년 전
|
조회 1,022
|
|
|
|
13년 전
|
조회 1,286
|
|
|
|
13년 전
|
조회 2,721
|
|
|
|
13년 전
|
조회 3,166
|
|
|
|
13년 전
|
조회 1,193
|
|
|
|
13년 전
|
조회 1,251
|
|
|
|
13년 전
|
조회 726
|
|
|
|
13년 전
|
조회 1,887
|
|
|
|
13년 전
|
조회 794
|
|
|
|
13년 전
|
조회 871
|
|
|
|
13년 전
|
조회 678
|
|
|
|
13년 전
|
조회 1,382
|
|
|
|
13년 전
|
조회 813
|
|
|
|
13년 전
|
조회 1,183
|
|
|
|
13년 전
|
조회 1,173
|
|
|
|
13년 전
|
조회 681
|
댓글 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();
});
});