|
|
|
13년 전
|
조회 718
|
|
|
|
13년 전
|
조회 6,042
|
|
|
|
13년 전
|
조회 994
|
|
|
|
13년 전
|
조회 1,209
|
|
|
|
13년 전
|
조회 5,015
|
|
|
|
13년 전
|
조회 1,664
|
|
|
|
13년 전
|
조회 2,470
|
|
|
 지운아빠
|
13년 전
|
조회 1,861
|
|
|
|
13년 전
|
조회 1,065
|
|
|
지운아빠
|
13년 전
|
조회 1,146
|
|
|
|
13년 전
|
조회 1,062
|
|
|
|
13년 전
|
조회 783
|
|
|
|
13년 전
|
조회 1,161
|
|
|
|
13년 전
|
조회 7,721
|
|
|
|
13년 전
|
조회 3,126
|
|
|
|
13년 전
|
조회 880
|
|
|
|
13년 전
|
조회 1,918
|
|
|
|
13년 전
|
조회 2,117
|
|
|
|
13년 전
|
조회 4,642
|
|
|
|
13년 전
|
조회 955
|
|
|
|
13년 전
|
조회 2,150
|
|
|
|
13년 전
|
조회 686
|
|
|
|
13년 전
|
조회 1,099
|
|
|
|
13년 전
|
조회 1,160
|
|
|
|
13년 전
|
조회 705
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 873
|
|
|
지운아빠
|
13년 전
|
조회 1,475
|
|
|
|
13년 전
|
조회 862
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 2,083
|
|
|
|
13년 전
|
조회 1,713
|
|
|
|
13년 전
|
조회 1,660
|
|
|
|
13년 전
|
조회 2,930
|
|
|
|
13년 전
|
조회 1,028
|
|
|
|
13년 전
|
조회 725
|
|
|
|
13년 전
|
조회 1,097
|
|
|
|
13년 전
|
조회 2,167
|
|
|
|
13년 전
|
조회 1,584
|
|
|
|
13년 전
|
조회 1,110
|
|
|
|
13년 전
|
조회 1,371
|
|
|
|
13년 전
|
조회 837
|
|
|
|
13년 전
|
조회 1,361
|
|
|
|
13년 전
|
조회 721
|
|
|
|
13년 전
|
조회 1,383
|
|
|
|
13년 전
|
조회 1,220
|
|
|
|
13년 전
|
조회 1,613
|
|
|
|
13년 전
|
조회 1,116
|
|
|
|
13년 전
|
조회 1,369
|
|
|
|
13년 전
|
조회 1,027
|
|
|
|
13년 전
|
조회 764
|
|
|
|
13년 전
|
조회 841
|
|
|
|
13년 전
|
조회 1,209
|
|
|
|
13년 전
|
조회 758
|
|
|
|
13년 전
|
조회 1,463
|
|
|
|
13년 전
|
조회 873
|
|
|
|
13년 전
|
조회 775
|
|
|
|
13년 전
|
조회 896
|
|
|
|
13년 전
|
조회 835
|
|
|
|
13년 전
|
조회 1,979
|
|
|
|
13년 전
|
조회 1,181
|
|
|
|
13년 전
|
조회 1,146
|
|
|
|
13년 전
|
조회 2,091
|
|
|
|
13년 전
|
조회 1,132
|
|
|
|
13년 전
|
조회 757
|
|
|
|
13년 전
|
조회 754
|
|
|
|
13년 전
|
조회 1,498
|
|
|
|
13년 전
|
조회 943
|
|
|
|
13년 전
|
조회 738
|
|
|
|
13년 전
|
조회 997
|
|
|
|
13년 전
|
조회 2,862
|
|
|
|
13년 전
|
조회 1,535
|
|
|
|
13년 전
|
조회 1,336
|
|
|
|
13년 전
|
조회 777
|
|
|
|
13년 전
|
조회 714
|
|
|
|
13년 전
|
조회 652
|
|
|
|
13년 전
|
조회 903
|
|
|
|
13년 전
|
조회 1,139
|
|
|
|
13년 전
|
조회 3,170
|
|
|
|
13년 전
|
조회 992
|
|
|
|
13년 전
|
조회 1,198
|
|
|
|
13년 전
|
조회 906
|
|
|
|
13년 전
|
조회 773
|
|
|
|
13년 전
|
조회 1,015
|
|
|
|
13년 전
|
조회 1,020
|
|
|
|
13년 전
|
조회 1,285
|
|
|
|
13년 전
|
조회 2,720
|
|
|
|
13년 전
|
조회 3,165
|
|
|
|
13년 전
|
조회 1,192
|
|
|
|
13년 전
|
조회 1,247
|
|
|
|
13년 전
|
조회 724
|
|
|
|
13년 전
|
조회 1,887
|
|
|
|
13년 전
|
조회 791
|
|
|
|
13년 전
|
조회 868
|
|
|
|
13년 전
|
조회 676
|
|
|
|
13년 전
|
조회 1,380
|
|
|
|
13년 전
|
조회 813
|
|
|
|
13년 전
|
조회 1,182
|
|
|
|
13년 전
|
조회 1,170
|
|
|
|
13년 전
|
조회 680
|
댓글 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();
});
});