|
|
|
13년 전
|
조회 737
|
|
|
|
13년 전
|
조회 6,049
|
|
|
|
13년 전
|
조회 1,002
|
|
|
|
13년 전
|
조회 1,221
|
|
|
|
13년 전
|
조회 5,025
|
|
|
|
13년 전
|
조회 1,672
|
|
|
|
13년 전
|
조회 2,479
|
|
|
 지운아빠
|
13년 전
|
조회 1,871
|
|
|
|
13년 전
|
조회 1,077
|
|
|
지운아빠
|
13년 전
|
조회 1,156
|
|
|
|
13년 전
|
조회 1,079
|
|
|
|
13년 전
|
조회 792
|
|
|
|
13년 전
|
조회 1,174
|
|
|
|
13년 전
|
조회 7,733
|
|
|
|
13년 전
|
조회 3,142
|
|
|
|
13년 전
|
조회 897
|
|
|
|
13년 전
|
조회 1,929
|
|
|
|
13년 전
|
조회 2,134
|
|
|
|
13년 전
|
조회 4,653
|
|
|
|
13년 전
|
조회 967
|
|
|
|
13년 전
|
조회 2,159
|
|
|
|
13년 전
|
조회 700
|
|
|
|
13년 전
|
조회 1,109
|
|
|
|
13년 전
|
조회 1,167
|
|
|
|
13년 전
|
조회 714
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 888
|
|
|
지운아빠
|
13년 전
|
조회 1,490
|
|
|
|
13년 전
|
조회 877
|
|
|
|
13년 전
|
조회 875
|
|
|
|
13년 전
|
조회 2,092
|
|
|
|
13년 전
|
조회 1,724
|
|
|
|
13년 전
|
조회 1,667
|
|
|
|
13년 전
|
조회 2,940
|
|
|
|
13년 전
|
조회 1,041
|
|
|
|
13년 전
|
조회 734
|
|
|
|
13년 전
|
조회 1,111
|
|
|
|
13년 전
|
조회 2,179
|
|
|
|
13년 전
|
조회 1,597
|
|
|
|
13년 전
|
조회 1,122
|
|
|
|
13년 전
|
조회 1,385
|
|
|
|
13년 전
|
조회 847
|
|
|
|
13년 전
|
조회 1,370
|
|
|
|
13년 전
|
조회 734
|
|
|
|
13년 전
|
조회 1,398
|
|
|
|
13년 전
|
조회 1,233
|
|
|
|
13년 전
|
조회 1,627
|
|
|
|
13년 전
|
조회 1,128
|
|
|
|
13년 전
|
조회 1,376
|
|
|
|
13년 전
|
조회 1,042
|
|
|
|
13년 전
|
조회 771
|
|
|
|
13년 전
|
조회 849
|
|
|
|
13년 전
|
조회 1,217
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 1,470
|
|
|
|
13년 전
|
조회 888
|
|
|
|
13년 전
|
조회 783
|
|
|
|
13년 전
|
조회 909
|
|
|
|
13년 전
|
조회 841
|
|
|
|
13년 전
|
조회 1,992
|
|
|
|
13년 전
|
조회 1,189
|
|
|
|
13년 전
|
조회 1,153
|
|
|
|
13년 전
|
조회 2,103
|
|
|
|
13년 전
|
조회 1,139
|
|
|
|
13년 전
|
조회 765
|
|
|
|
13년 전
|
조회 766
|
|
|
|
13년 전
|
조회 1,507
|
|
|
|
13년 전
|
조회 949
|
|
|
|
13년 전
|
조회 747
|
|
|
|
13년 전
|
조회 1,006
|
|
|
|
13년 전
|
조회 2,871
|
|
|
|
13년 전
|
조회 1,548
|
|
|
|
13년 전
|
조회 1,342
|
|
|
|
13년 전
|
조회 787
|
|
|
|
13년 전
|
조회 723
|
|
|
|
13년 전
|
조회 659
|
|
|
|
13년 전
|
조회 910
|
|
|
|
13년 전
|
조회 1,147
|
|
|
|
13년 전
|
조회 3,178
|
|
|
|
13년 전
|
조회 1,004
|
|
|
|
13년 전
|
조회 1,208
|
|
|
|
13년 전
|
조회 917
|
|
|
|
13년 전
|
조회 784
|
|
|
|
13년 전
|
조회 1,027
|
|
|
|
13년 전
|
조회 1,031
|
|
|
|
13년 전
|
조회 1,295
|
|
|
|
13년 전
|
조회 2,727
|
|
|
|
13년 전
|
조회 3,177
|
|
|
|
13년 전
|
조회 1,200
|
|
|
|
13년 전
|
조회 1,256
|
|
|
|
13년 전
|
조회 730
|
|
|
|
13년 전
|
조회 1,890
|
|
|
|
13년 전
|
조회 800
|
|
|
|
13년 전
|
조회 882
|
|
|
|
13년 전
|
조회 684
|
|
|
|
13년 전
|
조회 1,390
|
|
|
|
13년 전
|
조회 818
|
|
|
|
13년 전
|
조회 1,192
|
|
|
|
13년 전
|
조회 1,182
|
|
|
|
13년 전
|
조회 686
|
댓글 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();
});
});