|
|
|
12-07-10
|
조회 3,465
|
|
|
|
12-07-10
|
조회 4,206
|
|
|
|
12-07-10
|
조회 4,504
|
|
|
|
12-07-09
|
조회 6,922
|
|
|
|
12-07-09
|
조회 3,233
|
|
|
|
12-07-09
|
조회 4,674
|
|
|
|
12-07-09
|
조회 3,162
|
|
|
|
12-07-09
|
조회 3,539
|
|
|
|
12-07-09
|
조회 3,386
|
|
|
|
12-07-09
|
조회 3,018
|
|
|
|
12-07-09
|
조회 1.3만
|
|
|
|
12-07-09
|
조회 3,088
|
|
|
|
12-07-09
|
조회 4,110
|
|
|
|
12-07-09
|
조회 3,291
|
|
|
|
12-07-09
|
조회 3,295
|
|
|
|
12-07-09
|
조회 4,513
|
|
|
|
12-07-08
|
조회 4,344
|
|
|
|
12-07-08
|
조회 4,432
|
|
|
|
12-07-07
|
조회 5,375
|
|
|
|
12-07-07
|
조회 3,491
|
|
|
|
12-07-06
|
조회 3,179
|
|
|
|
12-07-06
|
조회 3,353
|
|
|
|
12-07-06
|
조회 4,643
|
|
|
|
12-07-06
|
조회 3,895
|
|
|
|
12-07-06
|
조회 3,624
|
|
|
|
12-07-06
|
조회 3,667
|
|
|
|
12-07-06
|
조회 3,353
|
|
|
|
12-07-06
|
조회 3,941
|
|
|
|
12-07-06
|
조회 3,298
|
|
|
|
12-07-06
|
조회 3,666
|
|
|
|
12-07-06
|
조회 3,711
|
|
|
|
12-07-06
|
조회 4,115
|
|
|
|
12-07-06
|
조회 3,639
|
|
|
|
12-07-05
|
조회 3,918
|
|
|
|
12-07-05
|
조회 3,259
|
|
|
|
12-07-05
|
조회 3,339
|
|
|
|
12-07-05
|
조회 3,358
|
|
|
|
12-07-05
|
조회 3,747
|
|
|
|
12-07-05
|
조회 3,216
|
|
|
|
12-07-05
|
조회 3,725
|
|
|
|
12-07-05
|
조회 3,289
|
|
|
|
12-07-05
|
조회 3,259
|
|
|
|
12-07-04
|
조회 3,420
|
|
|
|
12-07-04
|
조회 3,411
|
|
|
|
12-07-04
|
조회 4,248
|
|
|
|
12-07-04
|
조회 3,654
|
|
|
|
12-07-04
|
조회 3,641
|
|
|
|
12-07-04
|
조회 4,273
|
|
|
|
12-07-03
|
조회 3,637
|
|
|
|
12-07-03
|
조회 2,898
|
|
|
|
12-07-03
|
조회 3,226
|
|
|
|
12-07-03
|
조회 3,928
|
|
|
|
12-07-03
|
조회 3,414
|
|
|
|
12-07-03
|
조회 3,168
|
|
|
|
12-07-02
|
조회 3,242
|
|
|
|
12-07-02
|
조회 5,378
|
|
|
|
12-07-02
|
조회 4,081
|
|
|
|
12-07-02
|
조회 3,916
|
|
|
|
12-07-02
|
조회 3,325
|
|
|
|
12-07-02
|
조회 3,220
|
|
|
|
12-07-02
|
조회 2,855
|
|
|
|
12-07-01
|
조회 3,439
|
|
|
|
12-06-30
|
조회 3,417
|
|
|
|
12-06-30
|
조회 5,682
|
|
|
|
12-06-30
|
조회 3,438
|
|
|
|
12-06-29
|
조회 3,662
|
|
|
|
12-06-29
|
조회 3,278
|
|
|
|
12-06-29
|
조회 3,210
|
|
|
|
12-06-29
|
조회 3,170
|
|
|
|
12-06-29
|
조회 3,231
|
|
|
|
12-06-29
|
조회 3,574
|
|
|
|
12-06-29
|
조회 5,171
|
|
|
|
12-06-29
|
조회 5,602
|
|
|
|
12-06-29
|
조회 3,693
|
|
|
|
12-06-28
|
조회 3,755
|
|
|
|
12-06-28
|
조회 3,204
|
|
|
|
12-06-28
|
조회 4,159
|
|
|
|
12-06-27
|
조회 3,257
|
|
|
|
12-06-27
|
조회 3,238
|
|
|
|
12-06-27
|
조회 3,194
|
|
|
|
12-06-27
|
조회 3,557
|
|
|
|
12-06-27
|
조회 3,282
|
|
|
|
12-06-26
|
조회 3,683
|
|
|
|
12-06-26
|
조회 3,426
|
|
|
|
12-06-26
|
조회 3,143
|
|
|
|
12-06-26
|
조회 4,808
|
|
|
|
12-06-25
|
조회 3,776
|
|
|
|
12-06-25
|
조회 3,649
|
|
|
|
12-06-24
|
조회 3,642
|
|
|
|
12-06-23
|
조회 3,444
|
|
|
|
12-06-22
|
조회 3,187
|
|
|
|
12-06-22
|
조회 3,136
|
|
|
|
12-06-22
|
조회 4,062
|
|
|
|
12-06-22
|
조회 3,593
|
|
|
|
12-06-22
|
조회 3,281
|
|
|
|
12-06-22
|
조회 8,487
|
|
|
|
12-06-22
|
조회 3,136
|
|
|
|
12-06-21
|
조회 3,142
|
|
|
|
12-06-21
|
조회 3,112
|
|
|
|
12-06-21
|
조회 3,223
|
댓글 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();
});
});