|
|
|
13년 전
|
조회 745
|
|
|
|
13년 전
|
조회 6,058
|
|
|
|
13년 전
|
조회 1,012
|
|
|
|
13년 전
|
조회 1,228
|
|
|
|
13년 전
|
조회 5,033
|
|
|
|
13년 전
|
조회 1,679
|
|
|
|
13년 전
|
조회 2,491
|
|
|
 지운아빠
|
13년 전
|
조회 1,879
|
|
|
|
13년 전
|
조회 1,085
|
|
|
지운아빠
|
13년 전
|
조회 1,165
|
|
|
|
13년 전
|
조회 1,085
|
|
|
|
13년 전
|
조회 799
|
|
|
|
13년 전
|
조회 1,184
|
|
|
|
13년 전
|
조회 7,740
|
|
|
|
13년 전
|
조회 3,146
|
|
|
|
13년 전
|
조회 906
|
|
|
|
13년 전
|
조회 1,940
|
|
|
|
13년 전
|
조회 2,141
|
|
|
|
13년 전
|
조회 4,661
|
|
|
|
13년 전
|
조회 977
|
|
|
|
13년 전
|
조회 2,169
|
|
|
|
13년 전
|
조회 703
|
|
|
|
13년 전
|
조회 1,120
|
|
|
|
13년 전
|
조회 1,176
|
|
|
|
13년 전
|
조회 724
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 893
|
|
|
지운아빠
|
13년 전
|
조회 1,495
|
|
|
|
13년 전
|
조회 886
|
|
|
|
13년 전
|
조회 883
|
|
|
|
13년 전
|
조회 2,094
|
|
|
|
13년 전
|
조회 1,732
|
|
|
|
13년 전
|
조회 1,676
|
|
|
|
13년 전
|
조회 2,945
|
|
|
|
13년 전
|
조회 1,048
|
|
|
|
13년 전
|
조회 741
|
|
|
|
13년 전
|
조회 1,120
|
|
|
|
13년 전
|
조회 2,190
|
|
|
|
13년 전
|
조회 1,609
|
|
|
|
13년 전
|
조회 1,127
|
|
|
|
13년 전
|
조회 1,394
|
|
|
|
13년 전
|
조회 853
|
|
|
|
13년 전
|
조회 1,377
|
|
|
|
13년 전
|
조회 740
|
|
|
|
13년 전
|
조회 1,408
|
|
|
|
13년 전
|
조회 1,244
|
|
|
|
13년 전
|
조회 1,634
|
|
|
|
13년 전
|
조회 1,134
|
|
|
|
13년 전
|
조회 1,385
|
|
|
|
13년 전
|
조회 1,053
|
|
|
|
13년 전
|
조회 781
|
|
|
|
13년 전
|
조회 857
|
|
|
|
13년 전
|
조회 1,220
|
|
|
|
13년 전
|
조회 774
|
|
|
|
13년 전
|
조회 1,477
|
|
|
|
13년 전
|
조회 896
|
|
|
|
13년 전
|
조회 793
|
|
|
|
13년 전
|
조회 917
|
|
|
|
13년 전
|
조회 850
|
|
|
|
13년 전
|
조회 1,994
|
|
|
|
13년 전
|
조회 1,199
|
|
|
|
13년 전
|
조회 1,162
|
|
|
|
13년 전
|
조회 2,109
|
|
|
|
13년 전
|
조회 1,145
|
|
|
|
13년 전
|
조회 775
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 1,521
|
|
|
|
13년 전
|
조회 957
|
|
|
|
13년 전
|
조회 752
|
|
|
|
13년 전
|
조회 1,011
|
|
|
|
13년 전
|
조회 2,878
|
|
|
|
13년 전
|
조회 1,555
|
|
|
|
13년 전
|
조회 1,345
|
|
|
|
13년 전
|
조회 795
|
|
|
|
13년 전
|
조회 733
|
|
|
|
13년 전
|
조회 667
|
|
|
|
13년 전
|
조회 920
|
|
|
|
13년 전
|
조회 1,155
|
|
|
|
13년 전
|
조회 3,185
|
|
|
|
13년 전
|
조회 1,010
|
|
|
|
13년 전
|
조회 1,213
|
|
|
|
13년 전
|
조회 925
|
|
|
|
13년 전
|
조회 790
|
|
|
|
13년 전
|
조회 1,033
|
|
|
|
13년 전
|
조회 1,041
|
|
|
|
13년 전
|
조회 1,302
|
|
|
|
13년 전
|
조회 2,733
|
|
|
|
13년 전
|
조회 3,184
|
|
|
|
13년 전
|
조회 1,207
|
|
|
|
13년 전
|
조회 1,266
|
|
|
|
13년 전
|
조회 741
|
|
|
|
13년 전
|
조회 1,897
|
|
|
|
13년 전
|
조회 809
|
|
|
|
13년 전
|
조회 889
|
|
|
|
13년 전
|
조회 688
|
|
|
|
13년 전
|
조회 1,395
|
|
|
|
13년 전
|
조회 825
|
|
|
|
13년 전
|
조회 1,196
|
|
|
|
13년 전
|
조회 1,189
|
|
|
|
13년 전
|
조회 692
|
댓글 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();
});
});