|
|
|
13년 전
|
조회 747
|
|
|
|
13년 전
|
조회 6,060
|
|
|
|
13년 전
|
조회 1,013
|
|
|
|
13년 전
|
조회 1,229
|
|
|
|
13년 전
|
조회 5,036
|
|
|
|
13년 전
|
조회 1,684
|
|
|
|
13년 전
|
조회 2,493
|
|
|
 지운아빠
|
13년 전
|
조회 1,881
|
|
|
|
13년 전
|
조회 1,087
|
|
|
지운아빠
|
13년 전
|
조회 1,165
|
|
|
|
13년 전
|
조회 1,086
|
|
|
|
13년 전
|
조회 802
|
|
|
|
13년 전
|
조회 1,187
|
|
|
|
13년 전
|
조회 7,741
|
|
|
|
13년 전
|
조회 3,147
|
|
|
|
13년 전
|
조회 911
|
|
|
|
13년 전
|
조회 1,940
|
|
|
|
13년 전
|
조회 2,143
|
|
|
|
13년 전
|
조회 4,665
|
|
|
|
13년 전
|
조회 981
|
|
|
|
13년 전
|
조회 2,171
|
|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 1,122
|
|
|
|
13년 전
|
조회 1,177
|
|
|
|
13년 전
|
조회 728
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 895
|
|
|
지운아빠
|
13년 전
|
조회 1,496
|
|
|
|
13년 전
|
조회 886
|
|
|
|
13년 전
|
조회 886
|
|
|
|
13년 전
|
조회 2,096
|
|
|
|
13년 전
|
조회 1,734
|
|
|
|
13년 전
|
조회 1,679
|
|
|
|
13년 전
|
조회 2,948
|
|
|
|
13년 전
|
조회 1,051
|
|
|
|
13년 전
|
조회 745
|
|
|
|
13년 전
|
조회 1,122
|
|
|
|
13년 전
|
조회 2,192
|
|
|
|
13년 전
|
조회 1,611
|
|
|
|
13년 전
|
조회 1,130
|
|
|
|
13년 전
|
조회 1,395
|
|
|
|
13년 전
|
조회 854
|
|
|
|
13년 전
|
조회 1,379
|
|
|
|
13년 전
|
조회 742
|
|
|
|
13년 전
|
조회 1,408
|
|
|
|
13년 전
|
조회 1,245
|
|
|
|
13년 전
|
조회 1,634
|
|
|
|
13년 전
|
조회 1,136
|
|
|
|
13년 전
|
조회 1,385
|
|
|
|
13년 전
|
조회 1,055
|
|
|
|
13년 전
|
조회 783
|
|
|
|
13년 전
|
조회 859
|
|
|
|
13년 전
|
조회 1,225
|
|
|
|
13년 전
|
조회 774
|
|
|
|
13년 전
|
조회 1,478
|
|
|
|
13년 전
|
조회 897
|
|
|
|
13년 전
|
조회 796
|
|
|
|
13년 전
|
조회 919
|
|
|
|
13년 전
|
조회 853
|
|
|
|
13년 전
|
조회 1,998
|
|
|
|
13년 전
|
조회 1,199
|
|
|
|
13년 전
|
조회 1,165
|
|
|
|
13년 전
|
조회 2,109
|
|
|
|
13년 전
|
조회 1,147
|
|
|
|
13년 전
|
조회 776
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 1,524
|
|
|
|
13년 전
|
조회 959
|
|
|
|
13년 전
|
조회 756
|
|
|
|
13년 전
|
조회 1,014
|
|
|
|
13년 전
|
조회 2,878
|
|
|
|
13년 전
|
조회 1,556
|
|
|
|
13년 전
|
조회 1,347
|
|
|
|
13년 전
|
조회 798
|
|
|
|
13년 전
|
조회 736
|
|
|
|
13년 전
|
조회 667
|
|
|
|
13년 전
|
조회 922
|
|
|
|
13년 전
|
조회 1,159
|
|
|
|
13년 전
|
조회 3,186
|
|
|
|
13년 전
|
조회 1,012
|
|
|
|
13년 전
|
조회 1,215
|
|
|
|
13년 전
|
조회 925
|
|
|
|
13년 전
|
조회 792
|
|
|
|
13년 전
|
조회 1,036
|
|
|
|
13년 전
|
조회 1,044
|
|
|
|
13년 전
|
조회 1,305
|
|
|
|
13년 전
|
조회 2,735
|
|
|
|
13년 전
|
조회 3,184
|
|
|
|
13년 전
|
조회 1,208
|
|
|
|
13년 전
|
조회 1,272
|
|
|
|
13년 전
|
조회 745
|
|
|
|
13년 전
|
조회 1,897
|
|
|
|
13년 전
|
조회 814
|
|
|
|
13년 전
|
조회 890
|
|
|
|
13년 전
|
조회 691
|
|
|
|
13년 전
|
조회 1,397
|
|
|
|
13년 전
|
조회 825
|
|
|
|
13년 전
|
조회 1,196
|
|
|
|
13년 전
|
조회 1,190
|
|
|
|
13년 전
|
조회 694
|
댓글 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();
});
});