|
|
|
13년 전
|
조회 701
|
|
|
|
13년 전
|
조회 6,025
|
|
|
|
13년 전
|
조회 982
|
|
|
|
13년 전
|
조회 1,195
|
|
|
|
13년 전
|
조회 4,996
|
|
|
|
13년 전
|
조회 1,650
|
|
|
|
13년 전
|
조회 2,453
|
|
|
 지운아빠
|
13년 전
|
조회 1,843
|
|
|
|
13년 전
|
조회 1,051
|
|
|
지운아빠
|
13년 전
|
조회 1,128
|
|
|
|
13년 전
|
조회 1,044
|
|
|
|
13년 전
|
조회 765
|
|
|
|
13년 전
|
조회 1,144
|
|
|
|
13년 전
|
조회 7,703
|
|
|
|
13년 전
|
조회 3,109
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 1,905
|
|
|
|
13년 전
|
조회 2,102
|
|
|
|
13년 전
|
조회 4,624
|
|
|
|
13년 전
|
조회 936
|
|
|
|
13년 전
|
조회 2,135
|
|
|
|
13년 전
|
조회 670
|
|
|
|
13년 전
|
조회 1,083
|
|
|
|
13년 전
|
조회 1,140
|
|
|
|
13년 전
|
조회 688
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 856
|
|
|
지운아빠
|
13년 전
|
조회 1,460
|
|
|
|
13년 전
|
조회 846
|
|
|
|
13년 전
|
조회 851
|
|
|
|
13년 전
|
조회 2,066
|
|
|
|
13년 전
|
조회 1,694
|
|
|
|
13년 전
|
조회 1,639
|
|
|
|
13년 전
|
조회 2,904
|
|
|
|
13년 전
|
조회 1,010
|
|
|
|
13년 전
|
조회 711
|
|
|
|
13년 전
|
조회 1,083
|
|
|
|
13년 전
|
조회 2,149
|
|
|
|
13년 전
|
조회 1,565
|
|
|
|
13년 전
|
조회 1,095
|
|
|
|
13년 전
|
조회 1,356
|
|
|
|
13년 전
|
조회 820
|
|
|
|
13년 전
|
조회 1,347
|
|
|
|
13년 전
|
조회 704
|
|
|
|
13년 전
|
조회 1,368
|
|
|
|
13년 전
|
조회 1,207
|
|
|
|
13년 전
|
조회 1,599
|
|
|
|
13년 전
|
조회 1,100
|
|
|
|
13년 전
|
조회 1,352
|
|
|
|
13년 전
|
조회 1,013
|
|
|
|
13년 전
|
조회 741
|
|
|
|
13년 전
|
조회 821
|
|
|
|
13년 전
|
조회 1,193
|
|
|
|
13년 전
|
조회 741
|
|
|
|
13년 전
|
조회 1,446
|
|
|
|
13년 전
|
조회 857
|
|
|
|
13년 전
|
조회 760
|
|
|
|
13년 전
|
조회 877
|
|
|
|
13년 전
|
조회 820
|
|
|
|
13년 전
|
조회 1,965
|
|
|
|
13년 전
|
조회 1,166
|
|
|
|
13년 전
|
조회 1,129
|
|
|
|
13년 전
|
조회 2,072
|
|
|
|
13년 전
|
조회 1,120
|
|
|
|
13년 전
|
조회 739
|
|
|
|
13년 전
|
조회 741
|
|
|
|
13년 전
|
조회 1,487
|
|
|
|
13년 전
|
조회 928
|
|
|
|
13년 전
|
조회 723
|
|
|
|
13년 전
|
조회 982
|
|
|
|
13년 전
|
조회 2,842
|
|
|
|
13년 전
|
조회 1,521
|
|
|
|
13년 전
|
조회 1,321
|
|
|
|
13년 전
|
조회 762
|
|
|
|
13년 전
|
조회 700
|
|
|
|
13년 전
|
조회 639
|
|
|
|
13년 전
|
조회 889
|
|
|
|
13년 전
|
조회 1,122
|
|
|
|
13년 전
|
조회 3,150
|
|
|
|
13년 전
|
조회 975
|
|
|
|
13년 전
|
조회 1,181
|
|
|
|
13년 전
|
조회 889
|
|
|
|
13년 전
|
조회 757
|
|
|
|
13년 전
|
조회 998
|
|
|
|
13년 전
|
조회 1,003
|
|
|
|
13년 전
|
조회 1,268
|
|
|
|
13년 전
|
조회 2,700
|
|
|
|
13년 전
|
조회 3,148
|
|
|
|
13년 전
|
조회 1,175
|
|
|
|
13년 전
|
조회 1,230
|
|
|
|
13년 전
|
조회 705
|
|
|
|
13년 전
|
조회 1,866
|
|
|
|
13년 전
|
조회 778
|
|
|
|
13년 전
|
조회 858
|
|
|
|
13년 전
|
조회 660
|
|
|
|
13년 전
|
조회 1,365
|
|
|
|
13년 전
|
조회 798
|
|
|
|
13년 전
|
조회 1,168
|
|
|
|
13년 전
|
조회 1,154
|
|
|
|
13년 전
|
조회 665
|
댓글 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();
});
});