|
|
|
13년 전
|
조회 739
|
|
|
|
13년 전
|
조회 6,051
|
|
|
|
13년 전
|
조회 1,005
|
|
|
|
13년 전
|
조회 1,222
|
|
|
|
13년 전
|
조회 5,027
|
|
|
|
13년 전
|
조회 1,674
|
|
|
|
13년 전
|
조회 2,480
|
|
|
 지운아빠
|
13년 전
|
조회 1,873
|
|
|
|
13년 전
|
조회 1,079
|
|
|
지운아빠
|
13년 전
|
조회 1,157
|
|
|
|
13년 전
|
조회 1,081
|
|
|
|
13년 전
|
조회 792
|
|
|
|
13년 전
|
조회 1,176
|
|
|
|
13년 전
|
조회 7,735
|
|
|
|
13년 전
|
조회 3,142
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 1,929
|
|
|
|
13년 전
|
조회 2,135
|
|
|
|
13년 전
|
조회 4,654
|
|
|
|
13년 전
|
조회 969
|
|
|
|
13년 전
|
조회 2,162
|
|
|
|
13년 전
|
조회 702
|
|
|
|
13년 전
|
조회 1,111
|
|
|
|
13년 전
|
조회 1,169
|
|
|
|
13년 전
|
조회 715
|
|
|
|
13년 전
|
조회 1.1만
|
|
|
|
13년 전
|
조회 888
|
|
|
지운아빠
|
13년 전
|
조회 1,490
|
|
|
|
13년 전
|
조회 879
|
|
|
|
13년 전
|
조회 879
|
|
|
|
13년 전
|
조회 2,093
|
|
|
|
13년 전
|
조회 1,726
|
|
|
|
13년 전
|
조회 1,671
|
|
|
|
13년 전
|
조회 2,940
|
|
|
|
13년 전
|
조회 1,042
|
|
|
|
13년 전
|
조회 735
|
|
|
|
13년 전
|
조회 1,111
|
|
|
|
13년 전
|
조회 2,182
|
|
|
|
13년 전
|
조회 1,597
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 1,386
|
|
|
|
13년 전
|
조회 847
|
|
|
|
13년 전
|
조회 1,372
|
|
|
|
13년 전
|
조회 738
|
|
|
|
13년 전
|
조회 1,398
|
|
|
|
13년 전
|
조회 1,235
|
|
|
|
13년 전
|
조회 1,627
|
|
|
|
13년 전
|
조회 1,130
|
|
|
|
13년 전
|
조회 1,378
|
|
|
|
13년 전
|
조회 1,043
|
|
|
|
13년 전
|
조회 775
|
|
|
|
13년 전
|
조회 850
|
|
|
|
13년 전
|
조회 1,218
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 1,472
|
|
|
|
13년 전
|
조회 892
|
|
|
|
13년 전
|
조회 788
|
|
|
|
13년 전
|
조회 910
|
|
|
|
13년 전
|
조회 843
|
|
|
|
13년 전
|
조회 1,993
|
|
|
|
13년 전
|
조회 1,189
|
|
|
|
13년 전
|
조회 1,158
|
|
|
|
13년 전
|
조회 2,104
|
|
|
|
13년 전
|
조회 1,140
|
|
|
|
13년 전
|
조회 766
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 1,511
|
|
|
|
13년 전
|
조회 953
|
|
|
|
13년 전
|
조회 748
|
|
|
|
13년 전
|
조회 1,007
|
|
|
|
13년 전
|
조회 2,874
|
|
|
|
13년 전
|
조회 1,551
|
|
|
|
13년 전
|
조회 1,342
|
|
|
|
13년 전
|
조회 790
|
|
|
|
13년 전
|
조회 725
|
|
|
|
13년 전
|
조회 659
|
|
|
|
13년 전
|
조회 911
|
|
|
|
13년 전
|
조회 1,150
|
|
|
|
13년 전
|
조회 3,182
|
|
|
|
13년 전
|
조회 1,009
|
|
|
|
13년 전
|
조회 1,209
|
|
|
|
13년 전
|
조회 919
|
|
|
|
13년 전
|
조회 786
|
|
|
|
13년 전
|
조회 1,030
|
|
|
|
13년 전
|
조회 1,036
|
|
|
|
13년 전
|
조회 1,297
|
|
|
|
13년 전
|
조회 2,728
|
|
|
|
13년 전
|
조회 3,181
|
|
|
|
13년 전
|
조회 1,201
|
|
|
|
13년 전
|
조회 1,258
|
|
|
|
13년 전
|
조회 732
|
|
|
|
13년 전
|
조회 1,891
|
|
|
|
13년 전
|
조회 802
|
|
|
|
13년 전
|
조회 883
|
|
|
|
13년 전
|
조회 685
|
|
|
|
13년 전
|
조회 1,390
|
|
|
|
13년 전
|
조회 819
|
|
|
|
13년 전
|
조회 1,192
|
|
|
|
13년 전
|
조회 1,184
|
|
|
|
13년 전
|
조회 687
|
댓글 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();
});
});