|
|
|
16-07-13
|
조회 2,171
|
|
|
|
16-07-12
|
조회 2,353
|
|
|
|
16-07-12
|
조회 2,378
|
|
|
|
16-07-11
|
조회 2,193
|
|
|
|
16-06-05
|
조회 2,920
|
|
|
|
16-06-03
|
조회 3,035
|
|
|
|
16-05-26
|
조회 2,960
|
|
|
|
15-09-22
|
조회 4,990
|
|
|
|
15-06-10
|
조회 4,833
|
|
|
|
14-10-25
|
조회 6,359
|
|
|
|
14-10-22
|
조회 8,987
|
|
|
|
14-09-21
|
조회 5,793
|
|
|
|
14-09-16
|
조회 5,076
|
|
|
|
14-08-22
|
조회 1.1만
|
|
|
|
14-08-13
|
조회 5,905
|
|
|
|
14-08-12
|
조회 5,440
|
|
|
|
14-08-12
|
조회 6,301
|
|
|
|
14-08-11
|
조회 6,928
|
|
|
|
14-06-12
|
조회 6,209
|
|
|
|
14-06-11
|
조회 5,113
|
|
|
|
14-05-09
|
조회 5,426
|
|
|
|
14-05-09
|
조회 6,387
|
|
|
|
14-05-09
|
조회 6,418
|
|
|
|
14-05-08
|
조회 5,751
|
|
|
|
14-04-17
|
조회 4,750
|
|
|
|
14-04-16
|
조회 4,583
|
|
|
|
14-04-15
|
조회 4,587
|
|
|
|
14-04-15
|
조회 4,536
|
|
|
|
14-04-15
|
조회 4,307
|
|
|
|
14-04-14
|
조회 4,289
|
|
|
|
14-04-14
|
조회 4,260
|
|
|
|
14-04-14
|
조회 4,634
|
|
|
|
14-04-14
|
조회 4,781
|
|
|
|
14-04-14
|
조회 4,761
|
|
|
|
14-04-13
|
조회 4,667
|
|
|
|
14-04-12
|
조회 4,239
|
|
|
|
14-04-12
|
조회 4,380
|
|
|
|
14-04-12
|
조회 4,485
|
|
|
|
14-04-11
|
조회 5,009
|
|
|
|
14-04-10
|
조회 4,749
|
|
|
|
14-04-10
|
조회 4,780
|
|
|
|
14-04-09
|
조회 4,937
|
|
|
|
14-04-09
|
조회 5,307
|
|
|
|
14-04-08
|
조회 6,973
|
|
|
|
13-10-30
|
조회 7,654
|
|
|
|
13-07-11
|
조회 5,135
|
|
|
|
13-03-28
|
조회 1.1만
|
|
|
|
13-02-27
|
조회 6,790
|
|
|
|
13-02-14
|
조회 5,607
|
|
|
|
13-01-10
|
조회 4,522
|
|
|
|
12-12-31
|
조회 5,103
|
|
|
|
12-12-20
|
조회 6,121
|
|
|
|
12-12-12
|
조회 5,279
|
|
|
|
12-12-07
|
조회 4,503
|
|
|
|
12-11-28
|
조회 4,855
|
|
|
|
12-11-22
|
조회 5,296
|
|
|
|
12-11-12
|
조회 5,657
|
|
|
|
12-09-22
|
조회 4,513
|
|
|
|
12-09-18
|
조회 4,704
|
댓글 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();
});
});