|
|
|
13년 전
|
조회 882
|
|
|
|
13년 전
|
조회 6,189
|
|
|
|
13년 전
|
조회 1,146
|
|
|
|
13년 전
|
조회 1,345
|
|
|
|
13년 전
|
조회 5,176
|
|
|
|
13년 전
|
조회 1,815
|
|
|
|
13년 전
|
조회 2,622
|
|
|
 지운아빠
|
13년 전
|
조회 2,004
|
|
|
|
13년 전
|
조회 1,222
|
|
|
지운아빠
|
13년 전
|
조회 1,290
|
|
|
|
13년 전
|
조회 1,216
|
|
|
|
13년 전
|
조회 928
|
|
|
|
13년 전
|
조회 1,319
|
|
|
|
13년 전
|
조회 7,873
|
|
|
|
13년 전
|
조회 3,280
|
|
|
|
13년 전
|
조회 1,030
|
|
|
|
13년 전
|
조회 2,070
|
|
|
|
13년 전
|
조회 2,272
|
|
|
|
13년 전
|
조회 4,786
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 2,290
|
|
|
|
13년 전
|
조회 832
|
|
|
|
13년 전
|
조회 1,255
|
|
|
|
13년 전
|
조회 1,308
|
|
|
|
13년 전
|
조회 848
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 1,031
|
|
|
지운아빠
|
13년 전
|
조회 1,632
|
|
|
|
13년 전
|
조회 1,027
|
|
|
|
13년 전
|
조회 1,012
|
|
|
|
13년 전
|
조회 2,233
|
|
|
|
13년 전
|
조회 1,871
|
|
|
|
13년 전
|
조회 1,816
|
|
|
|
13년 전
|
조회 3,082
|
|
|
|
13년 전
|
조회 1,184
|
|
|
|
13년 전
|
조회 887
|
|
|
|
13년 전
|
조회 1,241
|
|
|
|
13년 전
|
조회 2,327
|
|
|
|
13년 전
|
조회 1,745
|
|
|
|
13년 전
|
조회 1,243
|
|
|
|
13년 전
|
조회 1,515
|
|
|
|
13년 전
|
조회 988
|
|
|
|
13년 전
|
조회 1,507
|
|
|
|
13년 전
|
조회 858
|
|
|
|
13년 전
|
조회 1,544
|
|
|
|
13년 전
|
조회 1,368
|
|
|
|
13년 전
|
조회 1,778
|
|
|
|
13년 전
|
조회 1,261
|
|
|
|
13년 전
|
조회 1,512
|
|
|
|
13년 전
|
조회 1,179
|
|
|
|
13년 전
|
조회 910
|
|
|
|
13년 전
|
조회 986
|
|
|
|
13년 전
|
조회 1,364
|
|
|
|
13년 전
|
조회 910
|
|
|
|
13년 전
|
조회 1,615
|
|
|
|
13년 전
|
조회 1,035
|
|
|
|
13년 전
|
조회 908
|
|
|
|
13년 전
|
조회 1,054
|
|
|
|
13년 전
|
조회 977
|
|
|
|
13년 전
|
조회 2,112
|
|
|
|
13년 전
|
조회 1,336
|
|
|
|
13년 전
|
조회 1,282
|
|
|
|
13년 전
|
조회 2,247
|
|
|
|
13년 전
|
조회 1,290
|
|
|
|
13년 전
|
조회 912
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 1,654
|
|
|
|
13년 전
|
조회 1,097
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 1,160
|
|
|
|
13년 전
|
조회 3,016
|
|
|
|
13년 전
|
조회 1,697
|
|
|
|
13년 전
|
조회 1,479
|
|
|
|
13년 전
|
조회 922
|
|
|
|
13년 전
|
조회 869
|
|
|
|
13년 전
|
조회 793
|
|
|
|
13년 전
|
조회 1,061
|
|
|
|
13년 전
|
조회 1,301
|
|
|
|
13년 전
|
조회 3,320
|
|
|
|
13년 전
|
조회 1,145
|
|
|
|
13년 전
|
조회 1,351
|
|
|
|
13년 전
|
조회 1,055
|
|
|
|
13년 전
|
조회 919
|
|
|
|
13년 전
|
조회 1,163
|
|
|
|
13년 전
|
조회 1,178
|
|
|
|
13년 전
|
조회 1,425
|
|
|
|
13년 전
|
조회 2,878
|
|
|
|
13년 전
|
조회 3,308
|
|
|
|
13년 전
|
조회 1,339
|
|
|
|
13년 전
|
조회 1,408
|
|
|
|
13년 전
|
조회 894
|
|
|
|
13년 전
|
조회 2,027
|
|
|
|
13년 전
|
조회 944
|
|
|
|
13년 전
|
조회 1,010
|
|
|
|
13년 전
|
조회 815
|
|
|
|
13년 전
|
조회 1,528
|
|
|
|
13년 전
|
조회 959
|
|
|
|
13년 전
|
조회 1,331
|
|
|
|
13년 전
|
조회 1,327
|
|
|
|
13년 전
|
조회 828
|
댓글 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();
});
});