|
|
|
12-07-10
|
조회 3,567
|
|
|
|
12-07-10
|
조회 4,287
|
|
|
|
12-07-10
|
조회 4,585
|
|
|
|
12-07-09
|
조회 6,996
|
|
|
|
12-07-09
|
조회 3,325
|
|
|
|
12-07-09
|
조회 4,744
|
|
|
|
12-07-09
|
조회 3,237
|
|
|
|
12-07-09
|
조회 3,618
|
|
|
|
12-07-09
|
조회 3,451
|
|
|
|
12-07-09
|
조회 3,184
|
|
|
|
12-07-09
|
조회 1.3만
|
|
|
|
12-07-09
|
조회 3,141
|
|
|
|
12-07-09
|
조회 4,164
|
|
|
|
12-07-09
|
조회 3,343
|
|
|
|
12-07-09
|
조회 3,335
|
|
|
|
12-07-09
|
조회 4,571
|
|
|
|
12-07-08
|
조회 4,465
|
|
|
|
12-07-08
|
조회 4,492
|
|
|
|
12-07-07
|
조회 5,421
|
|
|
|
12-07-07
|
조회 3,532
|
|
|
|
12-07-06
|
조회 3,206
|
|
|
|
12-07-06
|
조회 3,391
|
|
|
|
12-07-06
|
조회 4,694
|
|
|
|
12-07-06
|
조회 3,956
|
|
|
|
12-07-06
|
조회 3,741
|
|
|
|
12-07-06
|
조회 3,839
|
|
|
|
12-07-06
|
조회 3,404
|
|
|
|
12-07-06
|
조회 3,997
|
|
|
|
12-07-06
|
조회 3,373
|
|
|
|
12-07-06
|
조회 3,733
|
|
|
|
12-07-06
|
조회 3,780
|
|
|
|
12-07-06
|
조회 4,200
|
|
|
|
12-07-06
|
조회 3,721
|
|
|
|
12-07-05
|
조회 3,985
|
|
|
|
12-07-05
|
조회 3,316
|
|
|
|
12-07-05
|
조회 3,402
|
|
|
|
12-07-05
|
조회 3,426
|
|
|
|
12-07-05
|
조회 3,821
|
|
|
|
12-07-05
|
조회 3,305
|
|
|
|
12-07-05
|
조회 3,799
|
|
|
|
12-07-05
|
조회 3,353
|
|
|
|
12-07-05
|
조회 3,379
|
|
|
|
12-07-04
|
조회 3,490
|
|
|
|
12-07-04
|
조회 3,461
|
|
|
|
12-07-04
|
조회 4,373
|
|
|
|
12-07-04
|
조회 3,698
|
|
|
|
12-07-04
|
조회 3,781
|
|
|
|
12-07-04
|
조회 4,310
|
|
|
|
12-07-03
|
조회 3,700
|
|
|
|
12-07-03
|
조회 2,944
|
|
|
|
12-07-03
|
조회 3,291
|
|
|
|
12-07-03
|
조회 3,978
|
|
|
|
12-07-03
|
조회 3,466
|
|
|
|
12-07-03
|
조회 3,229
|
|
|
|
12-07-02
|
조회 3,297
|
|
|
|
12-07-02
|
조회 5,440
|
|
|
|
12-07-02
|
조회 4,140
|
|
|
|
12-07-02
|
조회 3,974
|
|
|
|
12-07-02
|
조회 3,368
|
|
|
|
12-07-02
|
조회 3,273
|
|
|
|
12-07-02
|
조회 3,019
|
|
|
|
12-07-01
|
조회 3,489
|
|
|
|
12-06-30
|
조회 3,467
|
|
|
|
12-06-30
|
조회 5,729
|
|
|
|
12-06-30
|
조회 3,492
|
|
|
|
12-06-29
|
조회 3,702
|
|
|
|
12-06-29
|
조회 3,319
|
|
|
|
12-06-29
|
조회 3,264
|
|
|
|
12-06-29
|
조회 3,233
|
|
|
|
12-06-29
|
조회 3,296
|
|
|
|
12-06-29
|
조회 3,658
|
|
|
|
12-06-29
|
조회 5,258
|
|
|
|
12-06-29
|
조회 5,687
|
|
|
|
12-06-29
|
조회 3,758
|
|
|
|
12-06-28
|
조회 3,823
|
|
|
|
12-06-28
|
조회 3,293
|
|
|
|
12-06-28
|
조회 4,279
|
|
|
|
12-06-27
|
조회 3,316
|
|
|
|
12-06-27
|
조회 3,309
|
|
|
|
12-06-27
|
조회 3,307
|
|
|
|
12-06-27
|
조회 3,625
|
|
|
|
12-06-27
|
조회 3,345
|
|
|
|
12-06-26
|
조회 3,769
|
|
|
|
12-06-26
|
조회 3,497
|
|
|
|
12-06-26
|
조회 3,210
|
|
|
|
12-06-26
|
조회 4,887
|
|
|
|
12-06-25
|
조회 3,848
|
|
|
|
12-06-25
|
조회 3,712
|
|
|
|
12-06-24
|
조회 3,817
|
|
|
|
12-06-23
|
조회 3,511
|
|
|
|
12-06-22
|
조회 3,248
|
|
|
|
12-06-22
|
조회 3,198
|
|
|
|
12-06-22
|
조회 4,125
|
|
|
|
12-06-22
|
조회 3,676
|
|
|
|
12-06-22
|
조회 3,350
|
|
|
|
12-06-22
|
조회 8,542
|
|
|
|
12-06-22
|
조회 3,196
|
|
|
|
12-06-21
|
조회 3,211
|
|
|
|
12-06-21
|
조회 3,187
|
|
|
|
12-06-21
|
조회 3,316
|
댓글 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();
});
});