|
|
|
13년 전
|
조회 752
|
|
|
|
13년 전
|
조회 6,073
|
|
|
|
13년 전
|
조회 1,022
|
|
|
|
13년 전
|
조회 1,233
|
|
|
|
13년 전
|
조회 5,042
|
|
|
|
13년 전
|
조회 1,689
|
|
|
|
13년 전
|
조회 2,500
|
|
|
 지운아빠
|
13년 전
|
조회 1,894
|
|
|
|
13년 전
|
조회 1,097
|
|
|
지운아빠
|
13년 전
|
조회 1,171
|
|
|
|
13년 전
|
조회 1,093
|
|
|
|
13년 전
|
조회 810
|
|
|
|
13년 전
|
조회 1,194
|
|
|
|
13년 전
|
조회 7,749
|
|
|
|
13년 전
|
조회 3,154
|
|
|
|
13년 전
|
조회 913
|
|
|
|
13년 전
|
조회 1,948
|
|
|
|
13년 전
|
조회 2,149
|
|
|
|
13년 전
|
조회 4,669
|
|
|
|
13년 전
|
조회 985
|
|
|
|
13년 전
|
조회 2,176
|
|
|
|
13년 전
|
조회 711
|
|
|
|
13년 전
|
조회 1,128
|
|
|
|
13년 전
|
조회 1,183
|
|
|
|
13년 전
|
조회 733
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 903
|
|
|
지운아빠
|
13년 전
|
조회 1,497
|
|
|
|
13년 전
|
조회 897
|
|
|
|
13년 전
|
조회 893
|
|
|
|
13년 전
|
조회 2,104
|
|
|
|
13년 전
|
조회 1,744
|
|
|
|
13년 전
|
조회 1,690
|
|
|
|
13년 전
|
조회 2,954
|
|
|
|
13년 전
|
조회 1,065
|
|
|
|
13년 전
|
조회 752
|
|
|
|
13년 전
|
조회 1,128
|
|
|
|
13년 전
|
조회 2,198
|
|
|
|
13년 전
|
조회 1,621
|
|
|
|
13년 전
|
조회 1,135
|
|
|
|
13년 전
|
조회 1,400
|
|
|
|
13년 전
|
조회 861
|
|
|
|
13년 전
|
조회 1,389
|
|
|
|
13년 전
|
조회 751
|
|
|
|
13년 전
|
조회 1,413
|
|
|
|
13년 전
|
조회 1,253
|
|
|
|
13년 전
|
조회 1,641
|
|
|
|
13년 전
|
조회 1,143
|
|
|
|
13년 전
|
조회 1,390
|
|
|
|
13년 전
|
조회 1,058
|
|
|
|
13년 전
|
조회 791
|
|
|
|
13년 전
|
조회 866
|
|
|
|
13년 전
|
조회 1,230
|
|
|
|
13년 전
|
조회 781
|
|
|
|
13년 전
|
조회 1,481
|
|
|
|
13년 전
|
조회 903
|
|
|
|
13년 전
|
조회 802
|
|
|
|
13년 전
|
조회 928
|
|
|
|
13년 전
|
조회 858
|
|
|
|
13년 전
|
조회 2,003
|
|
|
|
13년 전
|
조회 1,208
|
|
|
|
13년 전
|
조회 1,176
|
|
|
|
13년 전
|
조회 2,112
|
|
|
|
13년 전
|
조회 1,152
|
|
|
|
13년 전
|
조회 781
|
|
|
|
13년 전
|
조회 778
|
|
|
|
13년 전
|
조회 1,528
|
|
|
|
13년 전
|
조회 966
|
|
|
|
13년 전
|
조회 763
|
|
|
|
13년 전
|
조회 1,018
|
|
|
|
13년 전
|
조회 2,885
|
|
|
|
13년 전
|
조회 1,561
|
|
|
|
13년 전
|
조회 1,355
|
|
|
|
13년 전
|
조회 802
|
|
|
|
13년 전
|
조회 740
|
|
|
|
13년 전
|
조회 678
|
|
|
|
13년 전
|
조회 930
|
|
|
|
13년 전
|
조회 1,164
|
|
|
|
13년 전
|
조회 3,190
|
|
|
|
13년 전
|
조회 1,016
|
|
|
|
13년 전
|
조회 1,223
|
|
|
|
13년 전
|
조회 928
|
|
|
|
13년 전
|
조회 797
|
|
|
|
13년 전
|
조회 1,042
|
|
|
|
13년 전
|
조회 1,052
|
|
|
|
13년 전
|
조회 1,312
|
|
|
|
13년 전
|
조회 2,737
|
|
|
|
13년 전
|
조회 3,189
|
|
|
|
13년 전
|
조회 1,210
|
|
|
|
13년 전
|
조회 1,281
|
|
|
|
13년 전
|
조회 748
|
|
|
|
13년 전
|
조회 1,904
|
|
|
|
13년 전
|
조회 818
|
|
|
|
13년 전
|
조회 896
|
|
|
|
13년 전
|
조회 696
|
|
|
|
13년 전
|
조회 1,406
|
|
|
|
13년 전
|
조회 832
|
|
|
|
13년 전
|
조회 1,204
|
|
|
|
13년 전
|
조회 1,196
|
|
|
|
13년 전
|
조회 699
|
댓글 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();
});
});