|
|
|
13년 전
|
조회 727
|
|
|
|
13년 전
|
조회 6,047
|
|
|
|
13년 전
|
조회 997
|
|
|
|
13년 전
|
조회 1,217
|
|
|
|
13년 전
|
조회 5,020
|
|
|
|
13년 전
|
조회 1,668
|
|
|
|
13년 전
|
조회 2,475
|
|
|
 지운아빠
|
13년 전
|
조회 1,864
|
|
|
|
13년 전
|
조회 1,069
|
|
|
지운아빠
|
13년 전
|
조회 1,152
|
|
|
|
13년 전
|
조회 1,071
|
|
|
|
13년 전
|
조회 790
|
|
|
|
13년 전
|
조회 1,167
|
|
|
|
13년 전
|
조회 7,726
|
|
|
|
13년 전
|
조회 3,135
|
|
|
|
13년 전
|
조회 887
|
|
|
|
13년 전
|
조회 1,923
|
|
|
|
13년 전
|
조회 2,129
|
|
|
|
13년 전
|
조회 4,645
|
|
|
|
13년 전
|
조회 962
|
|
|
|
13년 전
|
조회 2,153
|
|
|
|
13년 전
|
조회 695
|
|
|
|
13년 전
|
조회 1,105
|
|
|
|
13년 전
|
조회 1,162
|
|
|
|
13년 전
|
조회 710
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 879
|
|
|
지운아빠
|
13년 전
|
조회 1,483
|
|
|
|
13년 전
|
조회 873
|
|
|
|
13년 전
|
조회 870
|
|
|
|
13년 전
|
조회 2,090
|
|
|
|
13년 전
|
조회 1,718
|
|
|
|
13년 전
|
조회 1,663
|
|
|
|
13년 전
|
조회 2,934
|
|
|
|
13년 전
|
조회 1,035
|
|
|
|
13년 전
|
조회 729
|
|
|
|
13년 전
|
조회 1,106
|
|
|
|
13년 전
|
조회 2,173
|
|
|
|
13년 전
|
조회 1,591
|
|
|
|
13년 전
|
조회 1,115
|
|
|
|
13년 전
|
조회 1,377
|
|
|
|
13년 전
|
조회 845
|
|
|
|
13년 전
|
조회 1,368
|
|
|
|
13년 전
|
조회 728
|
|
|
|
13년 전
|
조회 1,391
|
|
|
|
13년 전
|
조회 1,226
|
|
|
|
13년 전
|
조회 1,620
|
|
|
|
13년 전
|
조회 1,121
|
|
|
|
13년 전
|
조회 1,371
|
|
|
|
13년 전
|
조회 1,035
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 845
|
|
|
|
13년 전
|
조회 1,212
|
|
|
|
13년 전
|
조회 763
|
|
|
|
13년 전
|
조회 1,466
|
|
|
|
13년 전
|
조회 882
|
|
|
|
13년 전
|
조회 778
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 837
|
|
|
|
13년 전
|
조회 1,989
|
|
|
|
13년 전
|
조회 1,186
|
|
|
|
13년 전
|
조회 1,150
|
|
|
|
13년 전
|
조회 2,098
|
|
|
|
13년 전
|
조회 1,136
|
|
|
|
13년 전
|
조회 762
|
|
|
|
13년 전
|
조회 760
|
|
|
|
13년 전
|
조회 1,505
|
|
|
|
13년 전
|
조회 947
|
|
|
|
13년 전
|
조회 743
|
|
|
|
13년 전
|
조회 1,004
|
|
|
|
13년 전
|
조회 2,867
|
|
|
|
13년 전
|
조회 1,541
|
|
|
|
13년 전
|
조회 1,339
|
|
|
|
13년 전
|
조회 785
|
|
|
|
13년 전
|
조회 720
|
|
|
|
13년 전
|
조회 656
|
|
|
|
13년 전
|
조회 908
|
|
|
|
13년 전
|
조회 1,145
|
|
|
|
13년 전
|
조회 3,174
|
|
|
|
13년 전
|
조회 1,000
|
|
|
|
13년 전
|
조회 1,205
|
|
|
|
13년 전
|
조회 913
|
|
|
|
13년 전
|
조회 781
|
|
|
|
13년 전
|
조회 1,025
|
|
|
|
13년 전
|
조회 1,028
|
|
|
|
13년 전
|
조회 1,292
|
|
|
|
13년 전
|
조회 2,723
|
|
|
|
13년 전
|
조회 3,173
|
|
|
|
13년 전
|
조회 1,198
|
|
|
|
13년 전
|
조회 1,253
|
|
|
|
13년 전
|
조회 730
|
|
|
|
13년 전
|
조회 1,888
|
|
|
|
13년 전
|
조회 797
|
|
|
|
13년 전
|
조회 876
|
|
|
|
13년 전
|
조회 683
|
|
|
|
13년 전
|
조회 1,385
|
|
|
|
13년 전
|
조회 814
|
|
|
|
13년 전
|
조회 1,186
|
|
|
|
13년 전
|
조회 1,178
|
|
|
|
13년 전
|
조회 686
|
댓글 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();
});
});