|
|
|
16-06-03
|
조회 2,764
|
|
|
|
15-07-30
|
조회 3,283
|
|
|
|
15-06-08
|
조회 5,381
|
|
|
|
15-05-27
|
조회 4,276
|
|
|
|
15-01-08
|
조회 6,556
|
|
|
|
14-12-30
|
조회 5,240
|
|
|
|
14-10-10
|
조회 5,243
|
|
|
|
14-08-13
|
조회 6,217
|
|
|
|
14-08-11
|
조회 5,031
|
|
|
|
14-08-06
|
조회 6,371
|
|
|
|
14-03-19
|
조회 7,307
|
|
|
|
13-04-26
|
조회 9,482
|
|
|
|
12-12-15
|
조회 5,018
|
|
|
|
12-12-15
|
조회 7,252
|
|
|
|
12-12-11
|
조회 5,358
|
|
|
|
12-11-21
|
조회 5,845
|
|
|
|
12-10-11
|
조회 4,962
|
|
|
|
12-10-03
|
조회 4,648
|
|
|
|
12-09-20
|
조회 5,987
|
|
|
|
12-09-02
|
조회 4,135
|
|
|
 byfun
|
12-08-29
|
조회 5,062
|
|
|
|
12-08-29
|
조회 3,968
|
|
|
|
12-08-24
|
조회 4,095
|
|
|
|
12-08-18
|
조회 4,340
|
|
|
|
12-08-17
|
조회 4,378
|
|
|
|
12-08-16
|
조회 3,631
|
|
|
|
12-08-06
|
조회 5,393
|
|
|
|
12-08-05
|
조회 4,667
|
|
|
|
12-08-03
|
조회 4,415
|
|
|
|
12-08-03
|
조회 4,565
|
|
|
|
12-07-29
|
조회 3,390
|
|
|
|
12-07-24
|
조회 3,994
|
|
|
|
12-07-22
|
조회 3,483
|
|
|
|
12-07-20
|
조회 4,181
|
|
|
|
12-07-19
|
조회 4,467
|
|
|
|
12-07-19
|
조회 3,816
|
|
|
|
12-07-19
|
조회 3,760
|
|
|
|
12-07-19
|
조회 5,439
|
|
|
|
12-07-19
|
조회 3,391
|
|
|
|
12-07-18
|
조회 4,945
|
|
|
|
12-07-15
|
조회 3,959
|
|
|
|
12-07-14
|
조회 3,683
|
|
|
|
12-07-12
|
조회 4,376
|
|
|
|
12-07-11
|
조회 3,669
|
|
|
|
12-07-11
|
조회 3,374
|
|
|
|
12-07-11
|
조회 3,334
|
|
|
|
12-07-10
|
조회 4,501
|
|
|
|
12-07-09
|
조회 3,227
|
|
|
|
12-07-09
|
조회 4,106
|
|
|
|
12-07-09
|
조회 4,512
|
|
|
|
12-07-08
|
조회 4,432
|
|
|
|
12-07-07
|
조회 5,374
|
|
|
|
12-07-06
|
조회 4,640
|
|
|
|
12-07-06
|
조회 3,895
|
|
|
|
12-07-06
|
조회 3,659
|
|
|
|
12-07-06
|
조회 3,664
|
|
|
|
12-07-02
|
조회 5,375
|
|
|
|
12-07-02
|
조회 4,079
|
|
|
|
12-06-29
|
조회 3,572
|
|
|
|
12-06-28
|
조회 4,145
|
|
|
|
12-06-26
|
조회 3,681
|
|
|
|
12-06-26
|
조회 4,806
|
|
|
|
12-06-21
|
조회 3,771
|
|
|
|
12-06-20
|
조회 4,464
|
|
|
|
12-06-20
|
조회 3,976
|
|
|
|
12-06-15
|
조회 4,458
|
|
|
|
12-06-15
|
조회 4,209
|
|
|
|
12-06-13
|
조회 7,229
|
|
|
|
12-06-05
|
조회 7,196
|
|
|
|
12-06-04
|
조회 3,805
|
|
|
|
12-06-03
|
조회 3,651
|
|
|
|
12-05-31
|
조회 3,651
|
|
|
|
12-05-28
|
조회 6,472
|
|
|
|
12-05-27
|
조회 3,724
|
|
|
|
12-05-25
|
조회 3,874
|
|
|
|
12-05-23
|
조회 4,145
|
|
|
|
12-05-21
|
조회 4,978
|
|
|
|
12-05-17
|
조회 3,938
|
|
|
|
12-05-17
|
조회 3,850
|
|
|
|
12-05-09
|
조회 3,885
|
|
|
|
12-05-07
|
조회 4,121
|
|
|
|
12-05-02
|
조회 4,383
|
|
|
|
12-05-01
|
조회 4,497
|
|
|
|
12-04-30
|
조회 3,293
|
|
|
|
12-04-30
|
조회 4,243
|
|
|
|
12-04-25
|
조회 4,313
|
|
|
|
12-04-25
|
조회 4,750
|
|
|
|
12-04-24
|
조회 3,723
|
|
|
|
12-04-24
|
조회 4,489
|
|
|
|
12-04-23
|
조회 3,508
|
|
|
|
12-04-20
|
조회 3,144
|
|
|
|
12-04-17
|
조회 5,338
|
|
|
|
12-04-16
|
조회 4,251
|
|
|
|
12-04-14
|
조회 3,543
|
|
|
|
12-04-14
|
조회 3,575
|
|
|
|
12-04-14
|
조회 3,638
|
|
|
|
12-04-13
|
조회 3,262
|
|
|
|
12-04-13
|
조회 4,451
|
|
|
|
12-04-13
|
조회 6,041
|
|
|
|
12-04-12
|
조회 3,202
|
댓글 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();
});
});