|
|
|
12-07-10
|
조회 3,577
|
|
|
|
12-07-10
|
조회 4,297
|
|
|
|
12-07-10
|
조회 4,602
|
|
|
|
12-07-09
|
조회 7,002
|
|
|
|
12-07-09
|
조회 3,335
|
|
|
|
12-07-09
|
조회 4,759
|
|
|
|
12-07-09
|
조회 3,249
|
|
|
|
12-07-09
|
조회 3,631
|
|
|
|
12-07-09
|
조회 3,465
|
|
|
|
12-07-09
|
조회 3,193
|
|
|
|
12-07-09
|
조회 1.3만
|
|
|
|
12-07-09
|
조회 3,150
|
|
|
|
12-07-09
|
조회 4,181
|
|
|
|
12-07-09
|
조회 3,353
|
|
|
|
12-07-09
|
조회 3,349
|
|
|
|
12-07-09
|
조회 4,584
|
|
|
|
12-07-08
|
조회 4,475
|
|
|
|
12-07-08
|
조회 4,504
|
|
|
|
12-07-07
|
조회 5,431
|
|
|
|
12-07-07
|
조회 3,536
|
|
|
|
12-07-06
|
조회 3,213
|
|
|
|
12-07-06
|
조회 3,398
|
|
|
|
12-07-06
|
조회 4,701
|
|
|
|
12-07-06
|
조회 3,968
|
|
|
|
12-07-06
|
조회 3,752
|
|
|
|
12-07-06
|
조회 3,845
|
|
|
|
12-07-06
|
조회 3,411
|
|
|
|
12-07-06
|
조회 4,008
|
|
|
|
12-07-06
|
조회 3,382
|
|
|
|
12-07-06
|
조회 3,744
|
|
|
|
12-07-06
|
조회 3,795
|
|
|
|
12-07-06
|
조회 4,217
|
|
|
|
12-07-06
|
조회 3,736
|
|
|
|
12-07-05
|
조회 3,993
|
|
|
|
12-07-05
|
조회 3,331
|
|
|
|
12-07-05
|
조회 3,413
|
|
|
|
12-07-05
|
조회 3,435
|
|
|
|
12-07-05
|
조회 3,832
|
|
|
|
12-07-05
|
조회 3,320
|
|
|
|
12-07-05
|
조회 3,806
|
|
|
|
12-07-05
|
조회 3,365
|
|
|
|
12-07-05
|
조회 3,394
|
|
|
|
12-07-04
|
조회 3,502
|
|
|
|
12-07-04
|
조회 3,470
|
|
|
|
12-07-04
|
조회 4,382
|
|
|
|
12-07-04
|
조회 3,709
|
|
|
|
12-07-04
|
조회 3,789
|
|
|
|
12-07-04
|
조회 4,317
|
|
|
|
12-07-03
|
조회 3,706
|
|
|
|
12-07-03
|
조회 2,951
|
|
|
|
12-07-03
|
조회 3,298
|
|
|
|
12-07-03
|
조회 3,984
|
|
|
|
12-07-03
|
조회 3,472
|
|
|
|
12-07-03
|
조회 3,249
|
|
|
|
12-07-02
|
조회 3,312
|
|
|
|
12-07-02
|
조회 5,451
|
|
|
|
12-07-02
|
조회 4,151
|
|
|
|
12-07-02
|
조회 3,982
|
|
|
|
12-07-02
|
조회 3,377
|
|
|
|
12-07-02
|
조회 3,286
|
|
|
|
12-07-02
|
조회 3,026
|
|
|
|
12-07-01
|
조회 3,496
|
|
|
|
12-06-30
|
조회 3,479
|
|
|
|
12-06-30
|
조회 5,741
|
|
|
|
12-06-30
|
조회 3,501
|
|
|
|
12-06-29
|
조회 3,706
|
|
|
|
12-06-29
|
조회 3,327
|
|
|
|
12-06-29
|
조회 3,275
|
|
|
|
12-06-29
|
조회 3,244
|
|
|
|
12-06-29
|
조회 3,307
|
|
|
|
12-06-29
|
조회 3,668
|
|
|
|
12-06-29
|
조회 5,271
|
|
|
|
12-06-29
|
조회 5,699
|
|
|
|
12-06-29
|
조회 3,766
|
|
|
|
12-06-28
|
조회 3,834
|
|
|
|
12-06-28
|
조회 3,309
|
|
|
|
12-06-28
|
조회 4,296
|
|
|
|
12-06-27
|
조회 3,326
|
|
|
|
12-06-27
|
조회 3,320
|
|
|
|
12-06-27
|
조회 3,317
|
|
|
|
12-06-27
|
조회 3,635
|
|
|
|
12-06-27
|
조회 3,352
|
|
|
|
12-06-26
|
조회 3,781
|
|
|
|
12-06-26
|
조회 3,515
|
|
|
|
12-06-26
|
조회 3,221
|
|
|
|
12-06-26
|
조회 4,903
|
|
|
|
12-06-25
|
조회 3,859
|
|
|
|
12-06-25
|
조회 3,722
|
|
|
|
12-06-24
|
조회 3,827
|
|
|
|
12-06-23
|
조회 3,522
|
|
|
|
12-06-22
|
조회 3,257
|
|
|
|
12-06-22
|
조회 3,209
|
|
|
|
12-06-22
|
조회 4,133
|
|
|
|
12-06-22
|
조회 3,686
|
|
|
|
12-06-22
|
조회 3,367
|
|
|
|
12-06-22
|
조회 8,555
|
|
|
|
12-06-22
|
조회 3,207
|
|
|
|
12-06-21
|
조회 3,223
|
|
|
|
12-06-21
|
조회 3,200
|
|
|
|
12-06-21
|
조회 3,336
|
댓글 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();
});
});