|
|
|
13년 전
|
조회 759
|
|
|
|
13년 전
|
조회 6,086
|
|
|
|
13년 전
|
조회 1,030
|
|
|
|
13년 전
|
조회 1,242
|
|
|
|
13년 전
|
조회 5,052
|
|
|
|
13년 전
|
조회 1,696
|
|
|
|
13년 전
|
조회 2,509
|
|
|
 지운아빠
|
13년 전
|
조회 1,901
|
|
|
|
13년 전
|
조회 1,110
|
|
|
지운아빠
|
13년 전
|
조회 1,185
|
|
|
|
13년 전
|
조회 1,104
|
|
|
|
13년 전
|
조회 820
|
|
|
|
13년 전
|
조회 1,201
|
|
|
|
13년 전
|
조회 7,758
|
|
|
|
13년 전
|
조회 3,166
|
|
|
|
13년 전
|
조회 923
|
|
|
|
13년 전
|
조회 1,954
|
|
|
|
13년 전
|
조회 2,160
|
|
|
|
13년 전
|
조회 4,679
|
|
|
|
13년 전
|
조회 993
|
|
|
|
13년 전
|
조회 2,181
|
|
|
|
13년 전
|
조회 723
|
|
|
|
13년 전
|
조회 1,140
|
|
|
|
13년 전
|
조회 1,191
|
|
|
|
13년 전
|
조회 742
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 917
|
|
|
지운아빠
|
13년 전
|
조회 1,505
|
|
|
|
13년 전
|
조회 901
|
|
|
|
13년 전
|
조회 902
|
|
|
|
13년 전
|
조회 2,118
|
|
|
|
13년 전
|
조회 1,754
|
|
|
|
13년 전
|
조회 1,700
|
|
|
|
13년 전
|
조회 2,965
|
|
|
|
13년 전
|
조회 1,076
|
|
|
|
13년 전
|
조회 761
|
|
|
|
13년 전
|
조회 1,130
|
|
|
|
13년 전
|
조회 2,206
|
|
|
|
13년 전
|
조회 1,629
|
|
|
|
13년 전
|
조회 1,143
|
|
|
|
13년 전
|
조회 1,409
|
|
|
|
13년 전
|
조회 872
|
|
|
|
13년 전
|
조회 1,398
|
|
|
|
13년 전
|
조회 759
|
|
|
|
13년 전
|
조회 1,419
|
|
|
|
13년 전
|
조회 1,259
|
|
|
|
13년 전
|
조회 1,650
|
|
|
|
13년 전
|
조회 1,152
|
|
|
|
13년 전
|
조회 1,395
|
|
|
|
13년 전
|
조회 1,066
|
|
|
|
13년 전
|
조회 796
|
|
|
|
13년 전
|
조회 875
|
|
|
|
13년 전
|
조회 1,243
|
|
|
|
13년 전
|
조회 785
|
|
|
|
13년 전
|
조회 1,491
|
|
|
|
13년 전
|
조회 909
|
|
|
|
13년 전
|
조회 810
|
|
|
|
13년 전
|
조회 939
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 2,009
|
|
|
|
13년 전
|
조회 1,214
|
|
|
|
13년 전
|
조회 1,183
|
|
|
|
13년 전
|
조회 2,119
|
|
|
|
13년 전
|
조회 1,167
|
|
|
|
13년 전
|
조회 790
|
|
|
|
13년 전
|
조회 784
|
|
|
|
13년 전
|
조회 1,533
|
|
|
|
13년 전
|
조회 976
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 1,025
|
|
|
|
13년 전
|
조회 2,897
|
|
|
|
13년 전
|
조회 1,571
|
|
|
|
13년 전
|
조회 1,365
|
|
|
|
13년 전
|
조회 815
|
|
|
|
13년 전
|
조회 752
|
|
|
|
13년 전
|
조회 685
|
|
|
|
13년 전
|
조회 935
|
|
|
|
13년 전
|
조회 1,174
|
|
|
|
13년 전
|
조회 3,195
|
|
|
|
13년 전
|
조회 1,022
|
|
|
|
13년 전
|
조회 1,230
|
|
|
|
13년 전
|
조회 938
|
|
|
|
13년 전
|
조회 805
|
|
|
|
13년 전
|
조회 1,046
|
|
|
|
13년 전
|
조회 1,057
|
|
|
|
13년 전
|
조회 1,316
|
|
|
|
13년 전
|
조회 2,745
|
|
|
|
13년 전
|
조회 3,198
|
|
|
|
13년 전
|
조회 1,214
|
|
|
|
13년 전
|
조회 1,285
|
|
|
|
13년 전
|
조회 754
|
|
|
|
13년 전
|
조회 1,915
|
|
|
|
13년 전
|
조회 826
|
|
|
|
13년 전
|
조회 904
|
|
|
|
13년 전
|
조회 701
|
|
|
|
13년 전
|
조회 1,413
|
|
|
|
13년 전
|
조회 842
|
|
|
|
13년 전
|
조회 1,210
|
|
|
|
13년 전
|
조회 1,202
|
|
|
|
13년 전
|
조회 711
|
댓글 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();
});
});