|
|
|
13년 전
|
조회 703
|
|
|
|
13년 전
|
조회 6,027
|
|
|
|
13년 전
|
조회 984
|
|
|
|
13년 전
|
조회 1,197
|
|
|
|
13년 전
|
조회 4,998
|
|
|
|
13년 전
|
조회 1,650
|
|
|
|
13년 전
|
조회 2,455
|
|
|
 지운아빠
|
13년 전
|
조회 1,844
|
|
|
|
13년 전
|
조회 1,053
|
|
|
지운아빠
|
13년 전
|
조회 1,130
|
|
|
|
13년 전
|
조회 1,046
|
|
|
|
13년 전
|
조회 766
|
|
|
|
13년 전
|
조회 1,146
|
|
|
|
13년 전
|
조회 7,705
|
|
|
|
13년 전
|
조회 3,111
|
|
|
|
13년 전
|
조회 867
|
|
|
|
13년 전
|
조회 1,906
|
|
|
|
13년 전
|
조회 2,104
|
|
|
|
13년 전
|
조회 4,626
|
|
|
|
13년 전
|
조회 937
|
|
|
|
13년 전
|
조회 2,137
|
|
|
|
13년 전
|
조회 671
|
|
|
|
13년 전
|
조회 1,086
|
|
|
|
13년 전
|
조회 1,142
|
|
|
|
13년 전
|
조회 691
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 859
|
|
|
지운아빠
|
13년 전
|
조회 1,462
|
|
|
|
13년 전
|
조회 849
|
|
|
|
13년 전
|
조회 855
|
|
|
|
13년 전
|
조회 2,069
|
|
|
|
13년 전
|
조회 1,696
|
|
|
|
13년 전
|
조회 1,641
|
|
|
|
13년 전
|
조회 2,908
|
|
|
|
13년 전
|
조회 1,011
|
|
|
|
13년 전
|
조회 712
|
|
|
|
13년 전
|
조회 1,087
|
|
|
|
13년 전
|
조회 2,153
|
|
|
|
13년 전
|
조회 1,566
|
|
|
|
13년 전
|
조회 1,097
|
|
|
|
13년 전
|
조회 1,358
|
|
|
|
13년 전
|
조회 822
|
|
|
|
13년 전
|
조회 1,349
|
|
|
|
13년 전
|
조회 707
|
|
|
|
13년 전
|
조회 1,371
|
|
|
|
13년 전
|
조회 1,210
|
|
|
|
13년 전
|
조회 1,601
|
|
|
|
13년 전
|
조회 1,100
|
|
|
|
13년 전
|
조회 1,353
|
|
|
|
13년 전
|
조회 1,016
|
|
|
|
13년 전
|
조회 743
|
|
|
|
13년 전
|
조회 825
|
|
|
|
13년 전
|
조회 1,195
|
|
|
|
13년 전
|
조회 743
|
|
|
|
13년 전
|
조회 1,449
|
|
|
|
13년 전
|
조회 860
|
|
|
|
13년 전
|
조회 762
|
|
|
|
13년 전
|
조회 880
|
|
|
|
13년 전
|
조회 824
|
|
|
|
13년 전
|
조회 1,966
|
|
|
|
13년 전
|
조회 1,170
|
|
|
|
13년 전
|
조회 1,131
|
|
|
|
13년 전
|
조회 2,075
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 745
|
|
|
|
13년 전
|
조회 742
|
|
|
|
13년 전
|
조회 1,487
|
|
|
|
13년 전
|
조회 929
|
|
|
|
13년 전
|
조회 724
|
|
|
|
13년 전
|
조회 983
|
|
|
|
13년 전
|
조회 2,845
|
|
|
|
13년 전
|
조회 1,522
|
|
|
|
13년 전
|
조회 1,323
|
|
|
|
13년 전
|
조회 765
|
|
|
|
13년 전
|
조회 705
|
|
|
|
13년 전
|
조회 643
|
|
|
|
13년 전
|
조회 890
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 3,152
|
|
|
|
13년 전
|
조회 976
|
|
|
|
13년 전
|
조회 1,185
|
|
|
|
13년 전
|
조회 892
|
|
|
|
13년 전
|
조회 759
|
|
|
|
13년 전
|
조회 1,000
|
|
|
|
13년 전
|
조회 1,003
|
|
|
|
13년 전
|
조회 1,268
|
|
|
|
13년 전
|
조회 2,703
|
|
|
|
13년 전
|
조회 3,150
|
|
|
|
13년 전
|
조회 1,180
|
|
|
|
13년 전
|
조회 1,232
|
|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 1,869
|
|
|
|
13년 전
|
조회 779
|
|
|
|
13년 전
|
조회 859
|
|
|
|
13년 전
|
조회 663
|
|
|
|
13년 전
|
조회 1,366
|
|
|
|
13년 전
|
조회 800
|
|
|
|
13년 전
|
조회 1,169
|
|
|
|
13년 전
|
조회 1,156
|
|
|
|
13년 전
|
조회 668
|
댓글 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();
});
});