|
|
|
13년 전
|
조회 710
|
|
|
|
13년 전
|
조회 6,032
|
|
|
|
13년 전
|
조회 988
|
|
|
|
13년 전
|
조회 1,200
|
|
|
|
13년 전
|
조회 5,001
|
|
|
|
13년 전
|
조회 1,656
|
|
|
|
13년 전
|
조회 2,458
|
|
|
 지운아빠
|
13년 전
|
조회 1,850
|
|
|
|
13년 전
|
조회 1,057
|
|
|
지운아빠
|
13년 전
|
조회 1,134
|
|
|
|
13년 전
|
조회 1,050
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 1,151
|
|
|
|
13년 전
|
조회 7,708
|
|
|
|
13년 전
|
조회 3,116
|
|
|
|
13년 전
|
조회 873
|
|
|
|
13년 전
|
조회 1,911
|
|
|
|
13년 전
|
조회 2,109
|
|
|
|
13년 전
|
조회 4,630
|
|
|
|
13년 전
|
조회 942
|
|
|
|
13년 전
|
조회 2,141
|
|
|
|
13년 전
|
조회 677
|
|
|
|
13년 전
|
조회 1,091
|
|
|
|
13년 전
|
조회 1,148
|
|
|
|
13년 전
|
조회 695
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 863
|
|
|
지운아빠
|
13년 전
|
조회 1,467
|
|
|
|
13년 전
|
조회 854
|
|
|
|
13년 전
|
조회 859
|
|
|
|
13년 전
|
조회 2,075
|
|
|
|
13년 전
|
조회 1,703
|
|
|
|
13년 전
|
조회 1,649
|
|
|
|
13년 전
|
조회 2,916
|
|
|
|
13년 전
|
조회 1,018
|
|
|
|
13년 전
|
조회 717
|
|
|
|
13년 전
|
조회 1,092
|
|
|
|
13년 전
|
조회 2,157
|
|
|
|
13년 전
|
조회 1,571
|
|
|
|
13년 전
|
조회 1,100
|
|
|
|
13년 전
|
조회 1,360
|
|
|
|
13년 전
|
조회 828
|
|
|
|
13년 전
|
조회 1,352
|
|
|
|
13년 전
|
조회 710
|
|
|
|
13년 전
|
조회 1,375
|
|
|
|
13년 전
|
조회 1,213
|
|
|
|
13년 전
|
조회 1,605
|
|
|
|
13년 전
|
조회 1,106
|
|
|
|
13년 전
|
조회 1,360
|
|
|
|
13년 전
|
조회 1,021
|
|
|
|
13년 전
|
조회 749
|
|
|
|
13년 전
|
조회 831
|
|
|
|
13년 전
|
조회 1,202
|
|
|
|
13년 전
|
조회 750
|
|
|
|
13년 전
|
조회 1,454
|
|
|
|
13년 전
|
조회 865
|
|
|
|
13년 전
|
조회 766
|
|
|
|
13년 전
|
조회 885
|
|
|
|
13년 전
|
조회 826
|
|
|
|
13년 전
|
조회 1,970
|
|
|
|
13년 전
|
조회 1,175
|
|
|
|
13년 전
|
조회 1,137
|
|
|
|
13년 전
|
조회 2,084
|
|
|
|
13년 전
|
조회 1,127
|
|
|
|
13년 전
|
조회 749
|
|
|
|
13년 전
|
조회 747
|
|
|
|
13년 전
|
조회 1,491
|
|
|
|
13년 전
|
조회 934
|
|
|
|
13년 전
|
조회 729
|
|
|
|
13년 전
|
조회 989
|
|
|
|
13년 전
|
조회 2,850
|
|
|
|
13년 전
|
조회 1,530
|
|
|
|
13년 전
|
조회 1,329
|
|
|
|
13년 전
|
조회 772
|
|
|
|
13년 전
|
조회 711
|
|
|
|
13년 전
|
조회 647
|
|
|
|
13년 전
|
조회 895
|
|
|
|
13년 전
|
조회 1,127
|
|
|
|
13년 전
|
조회 3,159
|
|
|
|
13년 전
|
조회 983
|
|
|
|
13년 전
|
조회 1,189
|
|
|
|
13년 전
|
조회 899
|
|
|
|
13년 전
|
조회 765
|
|
|
|
13년 전
|
조회 1,006
|
|
|
|
13년 전
|
조회 1,010
|
|
|
|
13년 전
|
조회 1,275
|
|
|
|
13년 전
|
조회 2,708
|
|
|
|
13년 전
|
조회 3,154
|
|
|
|
13년 전
|
조회 1,184
|
|
|
|
13년 전
|
조회 1,239
|
|
|
|
13년 전
|
조회 711
|
|
|
|
13년 전
|
조회 1,874
|
|
|
|
13년 전
|
조회 783
|
|
|
|
13년 전
|
조회 862
|
|
|
|
13년 전
|
조회 667
|
|
|
|
13년 전
|
조회 1,372
|
|
|
|
13년 전
|
조회 805
|
|
|
|
13년 전
|
조회 1,173
|
|
|
|
13년 전
|
조회 1,161
|
|
|
|
13년 전
|
조회 672
|
댓글 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();
});
});