|
|
|
12-07-10
|
조회 3,644
|
|
|
|
12-07-10
|
조회 4,368
|
|
|
|
12-07-10
|
조회 4,677
|
|
|
|
12-07-09
|
조회 7,086
|
|
|
|
12-07-09
|
조회 3,424
|
|
|
|
12-07-09
|
조회 4,857
|
|
|
|
12-07-09
|
조회 3,336
|
|
|
|
12-07-09
|
조회 3,704
|
|
|
|
12-07-09
|
조회 3,539
|
|
|
|
12-07-09
|
조회 3,252
|
|
|
|
12-07-09
|
조회 1.3만
|
|
|
|
12-07-09
|
조회 3,201
|
|
|
|
12-07-09
|
조회 4,241
|
|
|
|
12-07-09
|
조회 3,407
|
|
|
|
12-07-09
|
조회 3,418
|
|
|
|
12-07-09
|
조회 4,661
|
|
|
|
12-07-08
|
조회 4,535
|
|
|
|
12-07-08
|
조회 4,576
|
|
|
|
12-07-07
|
조회 5,498
|
|
|
|
12-07-07
|
조회 3,610
|
|
|
|
12-07-06
|
조회 3,275
|
|
|
|
12-07-06
|
조회 3,443
|
|
|
|
12-07-06
|
조회 4,753
|
|
|
|
12-07-06
|
조회 4,021
|
|
|
|
12-07-06
|
조회 3,815
|
|
|
|
12-07-06
|
조회 3,905
|
|
|
|
12-07-06
|
조회 3,478
|
|
|
|
12-07-06
|
조회 4,072
|
|
|
|
12-07-06
|
조회 3,463
|
|
|
|
12-07-06
|
조회 3,846
|
|
|
|
12-07-06
|
조회 3,875
|
|
|
|
12-07-06
|
조회 4,297
|
|
|
|
12-07-06
|
조회 3,811
|
|
|
|
12-07-05
|
조회 4,072
|
|
|
|
12-07-05
|
조회 3,423
|
|
|
|
12-07-05
|
조회 3,493
|
|
|
|
12-07-05
|
조회 3,482
|
|
|
|
12-07-05
|
조회 3,886
|
|
|
|
12-07-05
|
조회 3,391
|
|
|
|
12-07-05
|
조회 3,871
|
|
|
|
12-07-05
|
조회 3,440
|
|
|
|
12-07-05
|
조회 3,456
|
|
|
|
12-07-04
|
조회 3,555
|
|
|
|
12-07-04
|
조회 3,538
|
|
|
|
12-07-04
|
조회 4,447
|
|
|
|
12-07-04
|
조회 3,762
|
|
|
|
12-07-04
|
조회 3,841
|
|
|
|
12-07-04
|
조회 4,373
|
|
|
|
12-07-03
|
조회 3,772
|
|
|
|
12-07-03
|
조회 3,002
|
|
|
|
12-07-03
|
조회 3,349
|
|
|
|
12-07-03
|
조회 4,064
|
|
|
|
12-07-03
|
조회 3,547
|
|
|
|
12-07-03
|
조회 3,317
|
|
|
|
12-07-02
|
조회 3,374
|
|
|
|
12-07-02
|
조회 5,523
|
|
|
|
12-07-02
|
조회 4,220
|
|
|
|
12-07-02
|
조회 4,040
|
|
|
|
12-07-02
|
조회 3,441
|
|
|
|
12-07-02
|
조회 3,345
|
|
|
|
12-07-02
|
조회 3,095
|
|
|
|
12-07-01
|
조회 3,554
|
|
|
|
12-06-30
|
조회 3,551
|
|
|
|
12-06-30
|
조회 5,810
|
|
|
|
12-06-30
|
조회 3,577
|
|
|
|
12-06-29
|
조회 3,777
|
|
|
|
12-06-29
|
조회 3,404
|
|
|
 다케미카코
|
12-06-29
|
조회 3,353
|
|
|
|
12-06-29
|
조회 3,328
|
|
|
|
12-06-29
|
조회 3,399
|
|
|
|
12-06-29
|
조회 3,745
|
|
|
|
12-06-29
|
조회 5,338
|
|
|
|
12-06-29
|
조회 5,769
|
|
|
|
12-06-29
|
조회 3,837
|
|
|
|
12-06-28
|
조회 3,899
|
|
|
|
12-06-28
|
조회 3,370
|
|
|
|
12-06-28
|
조회 4,366
|
|
|
|
12-06-27
|
조회 3,384
|
|
|
|
12-06-27
|
조회 3,380
|
|
|
|
12-06-27
|
조회 3,390
|
|
|
|
12-06-27
|
조회 3,711
|
|
|
|
12-06-27
|
조회 3,422
|
|
|
|
12-06-26
|
조회 3,863
|
|
|
|
12-06-26
|
조회 3,588
|
|
|
|
12-06-26
|
조회 3,293
|
|
|
|
12-06-26
|
조회 4,982
|
|
|
|
12-06-25
|
조회 3,937
|
|
|
|
12-06-25
|
조회 3,789
|
|
|
|
12-06-24
|
조회 3,900
|
|
|
|
12-06-23
|
조회 3,600
|
|
|
|
12-06-22
|
조회 3,329
|
|
|
|
12-06-22
|
조회 3,280
|
|
|
|
12-06-22
|
조회 4,211
|
|
|
|
12-06-22
|
조회 3,766
|
|
|
|
12-06-22
|
조회 3,430
|
|
|
|
12-06-22
|
조회 8,618
|
|
|
|
12-06-22
|
조회 3,278
|
|
|
|
12-06-21
|
조회 3,304
|
|
|
|
12-06-21
|
조회 3,281
|
|
|
|
12-06-21
|
조회 3,425
|
댓글 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();
});
});