|
|
|
12-09-05
|
조회 7,339
|
|
|
|
12-08-31
|
조회 5,740
|
|
|
|
12-08-30
|
조회 6,512
|
|
|
|
12-08-22
|
조회 1.2만
|
|
|
|
12-08-09
|
조회 5,384
|
|
|
|
12-08-02
|
조회 3,578
|
|
|
|
12-07-30
|
조회 3,913
|
|
|
|
12-07-15
|
조회 3,442
|
|
|
|
12-07-10
|
조회 3,425
|
|
|
|
12-07-06
|
조회 3,347
|
|
|
|
12-07-06
|
조회 3,258
|
|
|
|
12-07-03
|
조회 3,924
|
|
|
|
12-07-03
|
조회 3,411
|
|
|
|
12-07-02
|
조회 3,312
|
|
|
|
12-06-25
|
조회 3,771
|
|
|
|
12-06-20
|
조회 3,128
|
|
|
|
12-06-15
|
조회 3,605
|
|
|
|
12-06-14
|
조회 2,988
|
|
|
|
12-06-08
|
조회 3,799
|
|
|
|
12-06-07
|
조회 3,775
|
|
|
|
12-06-05
|
조회 5,636
|
|
|
|
12-06-05
|
조회 3,262
|
|
|
|
12-06-04
|
조회 3,662
|
|
|
|
12-06-01
|
조회 3,943
|
|
|
|
12-06-01
|
조회 4,603
|
|
|
|
12-06-01
|
조회 3,549
|
|
|
|
12-05-30
|
조회 3,078
|
|
|
|
12-05-28
|
조회 3,047
|
|
|
|
12-05-23
|
조회 3,146
|
|
|
|
12-05-18
|
조회 3,082
|
|
|
|
12-05-16
|
조회 3,125
|
|
|
|
12-05-16
|
조회 3,043
|
|
|
|
12-05-16
|
조회 4,385
|
|
|
|
12-05-16
|
조회 2,918
|
|
|
|
12-05-16
|
조회 2,914
|
|
|
|
12-05-16
|
조회 3,261
|
|
|
|
12-05-16
|
조회 3,021
|
|
|
|
12-05-16
|
조회 2,875
|
|
|
|
12-05-15
|
조회 3,117
|
|
|
|
12-05-15
|
조회 2,710
|
|
|
|
12-05-15
|
조회 3,053
|
|
|
|
12-05-15
|
조회 3,493
|
|
|
|
12-05-15
|
조회 3,219
|
|
|
|
12-05-15
|
조회 2,591
|
|
|
|
12-05-14
|
조회 2,643
|
|
|
|
12-05-14
|
조회 2,807
|
|
|
|
12-05-14
|
조회 2,723
|
|
|
|
12-05-14
|
조회 3,062
|
|
|
|
12-05-14
|
조회 2,776
|
|
|
|
12-05-11
|
조회 3,195
|
|
|
|
12-05-11
|
조회 2,723
|
|
|
|
12-05-11
|
조회 2,604
|
|
|
|
12-05-11
|
조회 2,728
|
|
|
|
12-05-11
|
조회 3,202
|
|
|
|
12-05-11
|
조회 2,479
|
|
|
|
12-05-10
|
조회 3,882
|
|
|
|
12-05-10
|
조회 2,733
|
|
|
|
12-05-10
|
조회 2,666
|
|
|
|
12-05-10
|
조회 2,809
|
|
|
|
12-05-10
|
조회 4,421
|
|
|
|
12-05-10
|
조회 2,454
|
|
|
|
12-05-10
|
조회 2,567
|
|
|
|
12-05-10
|
조회 2,417
|
|
|
|
12-05-10
|
조회 2,667
|
|
|
|
12-05-10
|
조회 3,125
|
|
|
|
12-05-10
|
조회 3,400
|
|
|
|
12-05-10
|
조회 2,632
|
|
|
|
12-05-10
|
조회 2,750
|
|
|
|
12-05-10
|
조회 3,220
|
|
|
|
12-05-10
|
조회 2,712
|
|
|
|
12-05-08
|
조회 2,892
|
|
|
|
12-05-08
|
조회 2,827
|
|
|
|
12-05-08
|
조회 2,850
|
|
|
|
12-05-08
|
조회 3,232
|
|
|
|
12-05-08
|
조회 4,389
|
|
|
|
12-05-03
|
조회 2,732
|
|
|
|
12-05-03
|
조회 2,888
|
|
|
|
12-05-03
|
조회 2,653
|
|
|
|
12-05-03
|
조회 3,728
|
|
|
|
12-05-03
|
조회 2,704
|
|
|
|
12-05-02
|
조회 2,729
|
|
|
|
12-04-27
|
조회 2,705
|
|
|
|
12-04-27
|
조회 2,782
|
|
|
|
12-04-27
|
조회 2,716
|
|
|
|
12-04-26
|
조회 2,668
|
|
|
|
12-04-26
|
조회 2,959
|
|
|
|
12-04-26
|
조회 2,988
|
|
|
|
12-04-26
|
조회 2,657
|
|
|
|
12-04-26
|
조회 2,983
|
|
|
|
12-04-26
|
조회 3,592
|
|
|
|
12-04-26
|
조회 2,839
|
|
|
|
12-04-26
|
조회 3,526
|
|
|
|
12-04-26
|
조회 2,596
|
|
|
|
12-04-26
|
조회 2,898
|
|
|
|
12-04-26
|
조회 2,656
|
|
|
|
12-04-26
|
조회 2,902
|
|
|
|
12-04-26
|
조회 2,658
|
|
|
|
12-04-26
|
조회 3,042
|
|
|
|
12-04-26
|
조회 3,092
|
|
|
|
12-04-26
|
조회 2,927
|
댓글 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();
});
});