|
|
|
12-07-10
|
조회 3,573
|
|
|
|
12-07-10
|
조회 4,292
|
|
|
|
12-07-10
|
조회 4,599
|
|
|
|
12-07-09
|
조회 6,999
|
|
|
|
12-07-09
|
조회 3,333
|
|
|
|
12-07-09
|
조회 4,756
|
|
|
|
12-07-09
|
조회 3,241
|
|
|
|
12-07-09
|
조회 3,627
|
|
|
|
12-07-09
|
조회 3,461
|
|
|
|
12-07-09
|
조회 3,187
|
|
|
|
12-07-09
|
조회 1.3만
|
|
|
|
12-07-09
|
조회 3,145
|
|
|
|
12-07-09
|
조회 4,177
|
|
|
|
12-07-09
|
조회 3,349
|
|
|
|
12-07-09
|
조회 3,347
|
|
|
|
12-07-09
|
조회 4,577
|
|
|
|
12-07-08
|
조회 4,466
|
|
|
|
12-07-08
|
조회 4,499
|
|
|
|
12-07-07
|
조회 5,428
|
|
|
|
12-07-07
|
조회 3,536
|
|
|
|
12-07-06
|
조회 3,211
|
|
|
|
12-07-06
|
조회 3,395
|
|
|
|
12-07-06
|
조회 4,698
|
|
|
|
12-07-06
|
조회 3,962
|
|
|
|
12-07-06
|
조회 3,746
|
|
|
|
12-07-06
|
조회 3,844
|
|
|
|
12-07-06
|
조회 3,406
|
|
|
|
12-07-06
|
조회 4,003
|
|
|
|
12-07-06
|
조회 3,375
|
|
|
|
12-07-06
|
조회 3,738
|
|
|
|
12-07-06
|
조회 3,785
|
|
|
|
12-07-06
|
조회 4,210
|
|
|
|
12-07-06
|
조회 3,729
|
|
|
|
12-07-05
|
조회 3,987
|
|
|
|
12-07-05
|
조회 3,321
|
|
|
|
12-07-05
|
조회 3,407
|
|
|
|
12-07-05
|
조회 3,431
|
|
|
|
12-07-05
|
조회 3,826
|
|
|
|
12-07-05
|
조회 3,317
|
|
|
|
12-07-05
|
조회 3,802
|
|
|
|
12-07-05
|
조회 3,362
|
|
|
|
12-07-05
|
조회 3,383
|
|
|
|
12-07-04
|
조회 3,495
|
|
|
|
12-07-04
|
조회 3,467
|
|
|
|
12-07-04
|
조회 4,379
|
|
|
|
12-07-04
|
조회 3,703
|
|
|
|
12-07-04
|
조회 3,786
|
|
|
|
12-07-04
|
조회 4,313
|
|
|
|
12-07-03
|
조회 3,705
|
|
|
|
12-07-03
|
조회 2,946
|
|
|
|
12-07-03
|
조회 3,296
|
|
|
|
12-07-03
|
조회 3,983
|
|
|
|
12-07-03
|
조회 3,471
|
|
|
|
12-07-03
|
조회 3,237
|
|
|
|
12-07-02
|
조회 3,306
|
|
|
|
12-07-02
|
조회 5,446
|
|
|
|
12-07-02
|
조회 4,148
|
|
|
|
12-07-02
|
조회 3,979
|
|
|
|
12-07-02
|
조회 3,372
|
|
|
|
12-07-02
|
조회 3,279
|
|
|
|
12-07-02
|
조회 3,022
|
|
|
|
12-07-01
|
조회 3,490
|
|
|
|
12-06-30
|
조회 3,478
|
|
|
|
12-06-30
|
조회 5,736
|
|
|
|
12-06-30
|
조회 3,499
|
|
|
|
12-06-29
|
조회 3,705
|
|
|
|
12-06-29
|
조회 3,323
|
|
|
|
12-06-29
|
조회 3,270
|
|
|
|
12-06-29
|
조회 3,241
|
|
|
|
12-06-29
|
조회 3,303
|
|
|
|
12-06-29
|
조회 3,662
|
|
|
|
12-06-29
|
조회 5,266
|
|
|
|
12-06-29
|
조회 5,697
|
|
|
|
12-06-29
|
조회 3,764
|
|
|
|
12-06-28
|
조회 3,830
|
|
|
|
12-06-28
|
조회 3,308
|
|
|
|
12-06-28
|
조회 4,292
|
|
|
|
12-06-27
|
조회 3,322
|
|
|
|
12-06-27
|
조회 3,317
|
|
|
|
12-06-27
|
조회 3,313
|
|
|
|
12-06-27
|
조회 3,630
|
|
|
|
12-06-27
|
조회 3,350
|
|
|
|
12-06-26
|
조회 3,777
|
|
|
|
12-06-26
|
조회 3,505
|
|
|
|
12-06-26
|
조회 3,215
|
|
|
|
12-06-26
|
조회 4,900
|
|
|
|
12-06-25
|
조회 3,852
|
|
|
|
12-06-25
|
조회 3,720
|
|
|
|
12-06-24
|
조회 3,824
|
|
|
|
12-06-23
|
조회 3,516
|
|
|
|
12-06-22
|
조회 3,252
|
|
|
|
12-06-22
|
조회 3,203
|
|
|
|
12-06-22
|
조회 4,132
|
|
|
|
12-06-22
|
조회 3,682
|
|
|
|
12-06-22
|
조회 3,363
|
|
|
|
12-06-22
|
조회 8,547
|
|
|
|
12-06-22
|
조회 3,201
|
|
|
|
12-06-21
|
조회 3,216
|
|
|
|
12-06-21
|
조회 3,193
|
|
|
|
12-06-21
|
조회 3,329
|
댓글 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();
});
});