|
|
|
13년 전
|
조회 777
|
|
|
|
13년 전
|
조회 6,106
|
|
|
|
13년 전
|
조회 1,055
|
|
|
|
13년 전
|
조회 1,266
|
|
|
|
13년 전
|
조회 5,084
|
|
|
|
13년 전
|
조회 1,720
|
|
|
|
13년 전
|
조회 2,536
|
|
|
지운아빠
|
13년 전
|
조회 1,918
|
|
|
|
13년 전
|
조회 1,131
|
|
|
지운아빠
|
13년 전
|
조회 1,202
|
|
|
|
13년 전
|
조회 1,125
|
|
|
|
13년 전
|
조회 837
|
|
|
|
13년 전
|
조회 1,226
|
|
|
|
13년 전
|
조회 7,778
|
|
|
|
13년 전
|
조회 3,188
|
|
|
|
13년 전
|
조회 945
|
|
|
|
13년 전
|
조회 1,969
|
|
|
|
13년 전
|
조회 2,178
|
|
|
|
13년 전
|
조회 4,703
|
|
|
|
13년 전
|
조회 1,015
|
|
|
|
13년 전
|
조회 2,197
|
|
|
|
13년 전
|
조회 744
|
|
|
|
13년 전
|
조회 1,161
|
|
|
|
13년 전
|
조회 1,218
|
|
|
|
13년 전
|
조회 770
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 939
|
|
|
지운아빠
|
13년 전
|
조회 1,538
|
|
|
|
13년 전
|
조회 923
|
|
|
|
13년 전
|
조회 913
|
|
|
|
13년 전
|
조회 2,143
|
|
|
|
13년 전
|
조회 1,773
|
|
|
|
13년 전
|
조회 1,724
|
|
|
|
13년 전
|
조회 2,988
|
|
|
|
13년 전
|
조회 1,096
|
|
|
|
13년 전
|
조회 793
|
|
|
|
13년 전
|
조회 1,152
|
|
|
|
13년 전
|
조회 2,231
|
|
|
|
13년 전
|
조회 1,646
|
|
|
|
13년 전
|
조회 1,160
|
|
|
|
13년 전
|
조회 1,424
|
|
|
|
13년 전
|
조회 890
|
|
|
|
13년 전
|
조회 1,423
|
|
|
|
13년 전
|
조회 777
|
|
|
|
13년 전
|
조회 1,440
|
|
|
|
13년 전
|
조회 1,276
|
|
|
|
13년 전
|
조회 1,675
|
|
|
|
13년 전
|
조회 1,170
|
|
|
|
13년 전
|
조회 1,416
|
|
|
|
13년 전
|
조회 1,089
|
|
|
|
13년 전
|
조회 811
|
|
|
|
13년 전
|
조회 890
|
|
|
|
13년 전
|
조회 1,270
|
|
|
|
13년 전
|
조회 811
|
|
|
|
13년 전
|
조회 1,520
|
|
|
|
13년 전
|
조회 927
|
|
|
|
13년 전
|
조회 827
|
|
|
|
13년 전
|
조회 957
|
|
|
|
13년 전
|
조회 889
|
|
|
|
13년 전
|
조회 2,023
|
|
|
|
13년 전
|
조회 1,231
|
|
|
|
13년 전
|
조회 1,195
|
|
|
|
13년 전
|
조회 2,142
|
|
|
|
13년 전
|
조회 1,185
|
|
|
|
13년 전
|
조회 813
|
|
|
|
13년 전
|
조회 800
|
|
|
|
13년 전
|
조회 1,546
|
|
|
|
13년 전
|
조회 991
|
|
|
|
13년 전
|
조회 786
|
|
|
|
13년 전
|
조회 1,045
|
|
|
|
13년 전
|
조회 2,919
|
|
|
|
13년 전
|
조회 1,594
|
|
|
|
13년 전
|
조회 1,386
|
|
|
|
13년 전
|
조회 832
|
|
|
|
13년 전
|
조회 774
|
|
|
|
13년 전
|
조회 702
|
|
|
|
13년 전
|
조회 961
|
|
|
|
13년 전
|
조회 1,190
|
|
|
|
13년 전
|
조회 3,212
|
|
|
|
13년 전
|
조회 1,037
|
|
|
|
13년 전
|
조회 1,252
|
|
|
|
13년 전
|
조회 958
|
|
|
|
13년 전
|
조회 821
|
|
|
|
13년 전
|
조회 1,059
|
|
|
|
13년 전
|
조회 1,069
|
|
|
|
13년 전
|
조회 1,336
|
|
|
|
13년 전
|
조회 2,764
|
|
|
|
13년 전
|
조회 3,213
|
|
|
|
13년 전
|
조회 1,227
|
|
|
|
13년 전
|
조회 1,299
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 1,924
|
|
|
|
13년 전
|
조회 841
|
|
|
|
13년 전
|
조회 917
|
|
|
|
13년 전
|
조회 721
|
|
|
|
13년 전
|
조회 1,432
|
|
|
|
13년 전
|
조회 858
|
|
|
|
13년 전
|
조회 1,231
|
|
|
|
13년 전
|
조회 1,223
|
|
|
|
13년 전
|
조회 728
|
댓글 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();
});
});