|
|
|
13-02-18
|
조회 3,514
|
|
|
|
13-02-15
|
조회 3,909
|
|
|
|
13-02-12
|
조회 5,747
|
|
|
|
13-02-04
|
조회 4,065
|
|
|
|
13-01-30
|
조회 4,930
|
|
|
|
13-01-25
|
조회 3,663
|
|
|
|
13-01-18
|
조회 3,752
|
|
|
|
13-01-18
|
조회 5,483
|
|
|
|
13-01-18
|
조회 6,092
|
|
|
|
13-01-18
|
조회 3,772
|
|
|
|
13-01-18
|
조회 4,719
|
|
|
|
13-01-17
|
조회 4,040
|
|
|
|
13-01-17
|
조회 3,549
|
|
|
|
13-01-17
|
조회 3,610
|
|
|
|
13-01-17
|
조회 3,960
|
|
|
|
12-12-31
|
조회 3,488
|
|
|
|
12-12-28
|
조회 4,897
|
|
|
|
12-12-28
|
조회 5,957
|
|
|
|
12-12-28
|
조회 3,399
|
|
|
|
12-12-27
|
조회 3,549
|
|
|
|
12-12-27
|
조회 4,278
|
|
|
|
12-12-20
|
조회 5,187
|
|
|
|
12-12-18
|
조회 9,036
|
|
|
|
12-12-14
|
조회 4,887
|
|
|
|
12-12-10
|
조회 3,603
|
|
|
|
12-12-10
|
조회 3,079
|
|
|
|
12-12-01
|
조회 3,798
|
|
|
|
12-11-25
|
조회 7,275
|
|
|
|
12-11-22
|
조회 5,905
|
|
|
|
12-11-20
|
조회 2.4만
|
|
|
|
12-11-19
|
조회 4,305
|
|
|
|
12-11-13
|
조회 3,840
|
|
|
|
12-11-12
|
조회 3,852
|
|
|
|
12-10-23
|
조회 4,685
|
|
|
|
12-09-25
|
조회 4,318
|
|
|
|
12-09-05
|
조회 6,923
|
|
|
|
12-09-04
|
조회 7,485
|
|
|
|
12-09-04
|
조회 3,414
|
|
|
|
12-08-30
|
조회 3,361
|
|
|
|
12-08-30
|
조회 3,586
|
|
|
|
12-08-29
|
조회 3,328
|
|
|
|
12-08-29
|
조회 3,130
|
|
|
|
12-08-26
|
조회 3,450
|
|
|
|
12-08-18
|
조회 3,677
|
|
|
|
12-08-17
|
조회 3,966
|
|
|
|
12-08-16
|
조회 3,500
|
|
|
|
12-08-14
|
조회 3,168
|
|
|
|
12-08-13
|
조회 5,573
|
|
|
|
12-08-13
|
조회 3,331
|
|
|
|
12-08-11
|
조회 3,607
|
|
|
|
12-08-10
|
조회 3,166
|
|
|
|
12-08-07
|
조회 3,948
|
|
|
|
12-08-07
|
조회 3,181
|
|
|
|
12-08-06
|
조회 3,391
|
|
|
|
12-07-31
|
조회 3,166
|
|
|
|
12-07-30
|
조회 3,486
|
|
|
|
12-07-30
|
조회 3,117
|
|
|
|
12-07-29
|
조회 3,295
|
|
|
|
12-07-29
|
조회 3,045
|
|
|
|
12-07-27
|
조회 3,102
|
|
|
|
12-07-21
|
조회 2,975
|
|
|
|
12-07-19
|
조회 3,179
|
|
|
|
12-07-19
|
조회 2,761
|
|
|
|
12-07-17
|
조회 3,399
|
|
|
|
12-07-17
|
조회 3,008
|
|
|
|
12-07-17
|
조회 3,926
|
|
|
|
12-07-16
|
조회 2,954
|
|
|
|
12-07-15
|
조회 3,081
|
|
|
|
12-07-14
|
조회 3,129
|
|
|
|
12-07-13
|
조회 8,213
|
|
|
|
12-07-11
|
조회 3,372
|
|
|
|
12-07-10
|
조회 9,943
|
|
|
|
12-07-09
|
조회 3,146
|
|
|
|
12-07-08
|
조회 4,332
|
|
|
|
12-07-06
|
조회 3,615
|
|
|
|
12-07-05
|
조회 3,907
|
|
|
|
12-07-05
|
조회 3,321
|
|
|
|
12-07-05
|
조회 3,173
|
|
|
|
12-07-03
|
조회 3,217
|
|
|
|
12-07-03
|
조회 3,159
|
|
|
|
12-07-02
|
조회 3,189
|
|
|
|
12-07-02
|
조회 2,815
|
|
|
|
12-06-30
|
조회 3,425
|
|
|
|
12-06-26
|
조회 3,136
|
|
|
|
12-06-22
|
조회 3,178
|
|
|
|
12-06-22
|
조회 3,110
|
|
|
|
12-06-21
|
조회 3,100
|
|
|
|
12-06-21
|
조회 3,320
|
|
|
|
12-06-20
|
조회 3,486
|
|
|
|
12-06-20
|
조회 3,150
|
|
|
|
12-06-20
|
조회 3,064
|
|
|
|
12-06-18
|
조회 3,944
|
|
|
|
12-06-17
|
조회 3,374
|
|
|
|
12-06-15
|
조회 2,996
|
|
|
|
12-06-14
|
조회 2,871
|
|
|
|
12-06-13
|
조회 3,497
|
|
|
|
12-06-11
|
조회 3,318
|
|
|
|
12-06-08
|
조회 3,264
|
|
|
|
12-06-06
|
조회 3,123
|
|
|
|
12-06-06
|
조회 3,546
|
댓글 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();
});
});