|
|
|
13년 전
|
조회 739
|
|
|
|
13년 전
|
조회 6,052
|
|
|
|
13년 전
|
조회 1,005
|
|
|
|
13년 전
|
조회 1,223
|
|
|
|
13년 전
|
조회 5,027
|
|
|
|
13년 전
|
조회 1,676
|
|
|
|
13년 전
|
조회 2,480
|
|
|
 지운아빠
|
13년 전
|
조회 1,875
|
|
|
|
13년 전
|
조회 1,080
|
|
|
지운아빠
|
13년 전
|
조회 1,157
|
|
|
|
13년 전
|
조회 1,082
|
|
|
|
13년 전
|
조회 793
|
|
|
|
13년 전
|
조회 1,177
|
|
|
|
13년 전
|
조회 7,736
|
|
|
|
13년 전
|
조회 3,143
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 1,932
|
|
|
|
13년 전
|
조회 2,135
|
|
|
|
13년 전
|
조회 4,654
|
|
|
|
13년 전
|
조회 969
|
|
|
|
13년 전
|
조회 2,163
|
|
|
|
13년 전
|
조회 702
|
|
|
|
13년 전
|
조회 1,113
|
|
|
|
13년 전
|
조회 1,170
|
|
|
|
13년 전
|
조회 717
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 890
|
|
|
지운아빠
|
13년 전
|
조회 1,491
|
|
|
|
13년 전
|
조회 879
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 2,093
|
|
|
|
13년 전
|
조회 1,727
|
|
|
|
13년 전
|
조회 1,673
|
|
|
|
13년 전
|
조회 2,941
|
|
|
|
13년 전
|
조회 1,042
|
|
|
|
13년 전
|
조회 736
|
|
|
|
13년 전
|
조회 1,114
|
|
|
|
13년 전
|
조회 2,184
|
|
|
|
13년 전
|
조회 1,598
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 1,387
|
|
|
|
13년 전
|
조회 848
|
|
|
|
13년 전
|
조회 1,372
|
|
|
|
13년 전
|
조회 738
|
|
|
|
13년 전
|
조회 1,400
|
|
|
|
13년 전
|
조회 1,237
|
|
|
|
13년 전
|
조회 1,629
|
|
|
|
13년 전
|
조회 1,131
|
|
|
|
13년 전
|
조회 1,380
|
|
|
|
13년 전
|
조회 1,046
|
|
|
|
13년 전
|
조회 775
|
|
|
|
13년 전
|
조회 852
|
|
|
|
13년 전
|
조회 1,219
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 1,472
|
|
|
|
13년 전
|
조회 893
|
|
|
|
13년 전
|
조회 788
|
|
|
|
13년 전
|
조회 910
|
|
|
|
13년 전
|
조회 846
|
|
|
|
13년 전
|
조회 1,993
|
|
|
|
13년 전
|
조회 1,193
|
|
|
|
13년 전
|
조회 1,159
|
|
|
|
13년 전
|
조회 2,104
|
|
|
|
13년 전
|
조회 1,140
|
|
|
|
13년 전
|
조회 768
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 1,512
|
|
|
|
13년 전
|
조회 954
|
|
|
|
13년 전
|
조회 749
|
|
|
|
13년 전
|
조회 1,007
|
|
|
|
13년 전
|
조회 2,875
|
|
|
|
13년 전
|
조회 1,551
|
|
|
|
13년 전
|
조회 1,344
|
|
|
|
13년 전
|
조회 791
|
|
|
|
13년 전
|
조회 726
|
|
|
|
13년 전
|
조회 660
|
|
|
|
13년 전
|
조회 913
|
|
|
|
13년 전
|
조회 1,150
|
|
|
|
13년 전
|
조회 3,182
|
|
|
|
13년 전
|
조회 1,009
|
|
|
|
13년 전
|
조회 1,210
|
|
|
|
13년 전
|
조회 919
|
|
|
|
13년 전
|
조회 786
|
|
|
|
13년 전
|
조회 1,030
|
|
|
|
13년 전
|
조회 1,037
|
|
|
|
13년 전
|
조회 1,297
|
|
|
|
13년 전
|
조회 2,729
|
|
|
|
13년 전
|
조회 3,181
|
|
|
|
13년 전
|
조회 1,201
|
|
|
|
13년 전
|
조회 1,259
|
|
|
|
13년 전
|
조회 732
|
|
|
|
13년 전
|
조회 1,891
|
|
|
|
13년 전
|
조회 802
|
|
|
|
13년 전
|
조회 884
|
|
|
|
13년 전
|
조회 686
|
|
|
|
13년 전
|
조회 1,391
|
|
|
|
13년 전
|
조회 820
|
|
|
|
13년 전
|
조회 1,192
|
|
|
|
13년 전
|
조회 1,184
|
|
|
|
13년 전
|
조회 688
|
댓글 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();
});
});