|
|
|
13년 전
|
조회 708
|
|
|
|
13년 전
|
조회 6,031
|
|
|
|
13년 전
|
조회 986
|
|
|
|
13년 전
|
조회 1,197
|
|
|
|
13년 전
|
조회 5,000
|
|
|
|
13년 전
|
조회 1,655
|
|
|
|
13년 전
|
조회 2,458
|
|
|
 지운아빠
|
13년 전
|
조회 1,849
|
|
|
|
13년 전
|
조회 1,056
|
|
|
지운아빠
|
13년 전
|
조회 1,132
|
|
|
|
13년 전
|
조회 1,049
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 1,149
|
|
|
|
13년 전
|
조회 7,707
|
|
|
|
13년 전
|
조회 3,114
|
|
|
|
13년 전
|
조회 873
|
|
|
|
13년 전
|
조회 1,909
|
|
|
|
13년 전
|
조회 2,107
|
|
|
|
13년 전
|
조회 4,629
|
|
|
|
13년 전
|
조회 941
|
|
|
|
13년 전
|
조회 2,138
|
|
|
|
13년 전
|
조회 677
|
|
|
|
13년 전
|
조회 1,090
|
|
|
|
13년 전
|
조회 1,145
|
|
|
|
13년 전
|
조회 692
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 863
|
|
|
지운아빠
|
13년 전
|
조회 1,465
|
|
|
|
13년 전
|
조회 852
|
|
|
|
13년 전
|
조회 859
|
|
|
|
13년 전
|
조회 2,074
|
|
|
|
13년 전
|
조회 1,701
|
|
|
|
13년 전
|
조회 1,646
|
|
|
|
13년 전
|
조회 2,912
|
|
|
|
13년 전
|
조회 1,015
|
|
|
|
13년 전
|
조회 717
|
|
|
|
13년 전
|
조회 1,090
|
|
|
|
13년 전
|
조회 2,155
|
|
|
|
13년 전
|
조회 1,569
|
|
|
|
13년 전
|
조회 1,099
|
|
|
|
13년 전
|
조회 1,359
|
|
|
|
13년 전
|
조회 827
|
|
|
|
13년 전
|
조회 1,350
|
|
|
|
13년 전
|
조회 709
|
|
|
|
13년 전
|
조회 1,373
|
|
|
|
13년 전
|
조회 1,211
|
|
|
|
13년 전
|
조회 1,603
|
|
|
|
13년 전
|
조회 1,105
|
|
|
|
13년 전
|
조회 1,358
|
|
|
|
13년 전
|
조회 1,020
|
|
|
|
13년 전
|
조회 748
|
|
|
|
13년 전
|
조회 827
|
|
|
|
13년 전
|
조회 1,199
|
|
|
|
13년 전
|
조회 748
|
|
|
|
13년 전
|
조회 1,453
|
|
|
|
13년 전
|
조회 863
|
|
|
|
13년 전
|
조회 765
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 825
|
|
|
|
13년 전
|
조회 1,969
|
|
|
|
13년 전
|
조회 1,172
|
|
|
|
13년 전
|
조회 1,136
|
|
|
|
13년 전
|
조회 2,082
|
|
|
|
13년 전
|
조회 1,125
|
|
|
|
13년 전
|
조회 747
|
|
|
|
13년 전
|
조회 746
|
|
|
|
13년 전
|
조회 1,489
|
|
|
|
13년 전
|
조회 933
|
|
|
|
13년 전
|
조회 728
|
|
|
|
13년 전
|
조회 987
|
|
|
|
13년 전
|
조회 2,848
|
|
|
|
13년 전
|
조회 1,525
|
|
|
|
13년 전
|
조회 1,326
|
|
|
|
13년 전
|
조회 768
|
|
|
|
13년 전
|
조회 707
|
|
|
|
13년 전
|
조회 644
|
|
|
|
13년 전
|
조회 894
|
|
|
|
13년 전
|
조회 1,126
|
|
|
|
13년 전
|
조회 3,158
|
|
|
|
13년 전
|
조회 981
|
|
|
|
13년 전
|
조회 1,187
|
|
|
|
13년 전
|
조회 897
|
|
|
|
13년 전
|
조회 762
|
|
|
|
13년 전
|
조회 1,004
|
|
|
|
13년 전
|
조회 1,008
|
|
|
|
13년 전
|
조회 1,273
|
|
|
|
13년 전
|
조회 2,707
|
|
|
|
13년 전
|
조회 3,152
|
|
|
|
13년 전
|
조회 1,181
|
|
|
|
13년 전
|
조회 1,237
|
|
|
|
13년 전
|
조회 709
|
|
|
|
13년 전
|
조회 1,873
|
|
|
|
13년 전
|
조회 782
|
|
|
|
13년 전
|
조회 862
|
|
|
|
13년 전
|
조회 666
|
|
|
|
13년 전
|
조회 1,371
|
|
|
|
13년 전
|
조회 802
|
|
|
|
13년 전
|
조회 1,171
|
|
|
|
13년 전
|
조회 1,159
|
|
|
|
13년 전
|
조회 670
|
댓글 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();
});
});