|
|
|
13년 전
|
조회 700
|
|
|
|
13년 전
|
조회 6,024
|
|
|
|
13년 전
|
조회 982
|
|
|
|
13년 전
|
조회 1,194
|
|
|
|
13년 전
|
조회 4,994
|
|
|
|
13년 전
|
조회 1,649
|
|
|
|
13년 전
|
조회 2,449
|
|
|
 지운아빠
|
13년 전
|
조회 1,843
|
|
|
|
13년 전
|
조회 1,050
|
|
|
지운아빠
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 1,044
|
|
|
|
13년 전
|
조회 763
|
|
|
|
13년 전
|
조회 1,143
|
|
|
|
13년 전
|
조회 7,700
|
|
|
|
13년 전
|
조회 3,108
|
|
|
|
13년 전
|
조회 865
|
|
|
|
13년 전
|
조회 1,899
|
|
|
|
13년 전
|
조회 2,099
|
|
|
|
13년 전
|
조회 4,620
|
|
|
|
13년 전
|
조회 932
|
|
|
|
13년 전
|
조회 2,131
|
|
|
|
13년 전
|
조회 666
|
|
|
|
13년 전
|
조회 1,080
|
|
|
|
13년 전
|
조회 1,136
|
|
|
|
13년 전
|
조회 684
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 852
|
|
|
지운아빠
|
13년 전
|
조회 1,458
|
|
|
|
13년 전
|
조회 843
|
|
|
|
13년 전
|
조회 848
|
|
|
|
13년 전
|
조회 2,064
|
|
|
|
13년 전
|
조회 1,692
|
|
|
|
13년 전
|
조회 1,637
|
|
|
|
13년 전
|
조회 2,903
|
|
|
|
13년 전
|
조회 1,008
|
|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 1,081
|
|
|
|
13년 전
|
조회 2,146
|
|
|
|
13년 전
|
조회 1,562
|
|
|
|
13년 전
|
조회 1,093
|
|
|
|
13년 전
|
조회 1,354
|
|
|
|
13년 전
|
조회 819
|
|
|
|
13년 전
|
조회 1,346
|
|
|
|
13년 전
|
조회 703
|
|
|
|
13년 전
|
조회 1,366
|
|
|
|
13년 전
|
조회 1,207
|
|
|
|
13년 전
|
조회 1,597
|
|
|
|
13년 전
|
조회 1,099
|
|
|
|
13년 전
|
조회 1,349
|
|
|
|
13년 전
|
조회 1,011
|
|
|
|
13년 전
|
조회 740
|
|
|
|
13년 전
|
조회 818
|
|
|
|
13년 전
|
조회 1,190
|
|
|
|
13년 전
|
조회 735
|
|
|
|
13년 전
|
조회 1,441
|
|
|
|
13년 전
|
조회 854
|
|
|
|
13년 전
|
조회 756
|
|
|
|
13년 전
|
조회 874
|
|
|
|
13년 전
|
조회 819
|
|
|
|
13년 전
|
조회 1,963
|
|
|
|
13년 전
|
조회 1,162
|
|
|
|
13년 전
|
조회 1,126
|
|
|
|
13년 전
|
조회 2,071
|
|
|
|
13년 전
|
조회 1,116
|
|
|
|
13년 전
|
조회 738
|
|
|
|
13년 전
|
조회 739
|
|
|
|
13년 전
|
조회 1,486
|
|
|
|
13년 전
|
조회 927
|
|
|
|
13년 전
|
조회 720
|
|
|
|
13년 전
|
조회 978
|
|
|
|
13년 전
|
조회 2,839
|
|
|
|
13년 전
|
조회 1,517
|
|
|
|
13년 전
|
조회 1,318
|
|
|
|
13년 전
|
조회 760
|
|
|
|
13년 전
|
조회 698
|
|
|
|
13년 전
|
조회 637
|
|
|
|
13년 전
|
조회 884
|
|
|
|
13년 전
|
조회 1,120
|
|
|
|
13년 전
|
조회 3,148
|
|
|
|
13년 전
|
조회 972
|
|
|
|
13년 전
|
조회 1,178
|
|
|
|
13년 전
|
조회 886
|
|
|
|
13년 전
|
조회 754
|
|
|
|
13년 전
|
조회 997
|
|
|
|
13년 전
|
조회 1,002
|
|
|
|
13년 전
|
조회 1,264
|
|
|
|
13년 전
|
조회 2,699
|
|
|
|
13년 전
|
조회 3,146
|
|
|
|
13년 전
|
조회 1,173
|
|
|
|
13년 전
|
조회 1,228
|
|
|
|
13년 전
|
조회 704
|
|
|
|
13년 전
|
조회 1,866
|
|
|
|
13년 전
|
조회 777
|
|
|
|
13년 전
|
조회 858
|
|
|
|
13년 전
|
조회 659
|
|
|
|
13년 전
|
조회 1,364
|
|
|
|
13년 전
|
조회 795
|
|
|
|
13년 전
|
조회 1,167
|
|
|
|
13년 전
|
조회 1,153
|
|
|
|
13년 전
|
조회 664
|
댓글 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();
});
});