|
|
|
13년 전
|
조회 725
|
|
|
|
13년 전
|
조회 6,047
|
|
|
|
13년 전
|
조회 996
|
|
|
|
13년 전
|
조회 1,214
|
|
|
|
13년 전
|
조회 5,020
|
|
|
|
13년 전
|
조회 1,666
|
|
|
|
13년 전
|
조회 2,473
|
|
|
 지운아빠
|
13년 전
|
조회 1,864
|
|
|
|
13년 전
|
조회 1,069
|
|
|
지운아빠
|
13년 전
|
조회 1,149
|
|
|
|
13년 전
|
조회 1,068
|
|
|
|
13년 전
|
조회 787
|
|
|
|
13년 전
|
조회 1,165
|
|
|
|
13년 전
|
조회 7,725
|
|
|
|
13년 전
|
조회 3,131
|
|
|
|
13년 전
|
조회 885
|
|
|
|
13년 전
|
조회 1,922
|
|
|
|
13년 전
|
조회 2,126
|
|
|
|
13년 전
|
조회 4,643
|
|
|
|
13년 전
|
조회 958
|
|
|
|
13년 전
|
조회 2,151
|
|
|
|
13년 전
|
조회 693
|
|
|
|
13년 전
|
조회 1,102
|
|
|
|
13년 전
|
조회 1,160
|
|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 877
|
|
|
지운아빠
|
13년 전
|
조회 1,481
|
|
|
|
13년 전
|
조회 871
|
|
|
|
13년 전
|
조회 868
|
|
|
|
13년 전
|
조회 2,089
|
|
|
|
13년 전
|
조회 1,715
|
|
|
|
13년 전
|
조회 1,660
|
|
|
|
13년 전
|
조회 2,934
|
|
|
|
13년 전
|
조회 1,032
|
|
|
|
13년 전
|
조회 727
|
|
|
|
13년 전
|
조회 1,103
|
|
|
|
13년 전
|
조회 2,171
|
|
|
|
13년 전
|
조회 1,588
|
|
|
|
13년 전
|
조회 1,112
|
|
|
|
13년 전
|
조회 1,374
|
|
|
|
13년 전
|
조회 844
|
|
|
|
13년 전
|
조회 1,366
|
|
|
|
13년 전
|
조회 726
|
|
|
|
13년 전
|
조회 1,389
|
|
|
|
13년 전
|
조회 1,223
|
|
|
|
13년 전
|
조회 1,617
|
|
|
|
13년 전
|
조회 1,121
|
|
|
|
13년 전
|
조회 1,370
|
|
|
|
13년 전
|
조회 1,034
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 844
|
|
|
|
13년 전
|
조회 1,211
|
|
|
|
13년 전
|
조회 763
|
|
|
|
13년 전
|
조회 1,465
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 778
|
|
|
|
13년 전
|
조회 900
|
|
|
|
13년 전
|
조회 837
|
|
|
|
13년 전
|
조회 1,987
|
|
|
|
13년 전
|
조회 1,185
|
|
|
|
13년 전
|
조회 1,148
|
|
|
|
13년 전
|
조회 2,097
|
|
|
|
13년 전
|
조회 1,135
|
|
|
|
13년 전
|
조회 760
|
|
|
|
13년 전
|
조회 759
|
|
|
|
13년 전
|
조회 1,503
|
|
|
|
13년 전
|
조회 945
|
|
|
|
13년 전
|
조회 740
|
|
|
|
13년 전
|
조회 1,003
|
|
|
|
13년 전
|
조회 2,865
|
|
|
|
13년 전
|
조회 1,537
|
|
|
|
13년 전
|
조회 1,339
|
|
|
|
13년 전
|
조회 783
|
|
|
|
13년 전
|
조회 719
|
|
|
|
13년 전
|
조회 655
|
|
|
|
13년 전
|
조회 907
|
|
|
|
13년 전
|
조회 1,140
|
|
|
|
13년 전
|
조회 3,174
|
|
|
|
13년 전
|
조회 998
|
|
|
|
13년 전
|
조회 1,203
|
|
|
|
13년 전
|
조회 913
|
|
|
|
13년 전
|
조회 779
|
|
|
|
13년 전
|
조회 1,022
|
|
|
|
13년 전
|
조회 1,026
|
|
|
|
13년 전
|
조회 1,289
|
|
|
|
13년 전
|
조회 2,723
|
|
|
|
13년 전
|
조회 3,171
|
|
|
|
13년 전
|
조회 1,195
|
|
|
|
13년 전
|
조회 1,253
|
|
|
|
13년 전
|
조회 727
|
|
|
|
13년 전
|
조회 1,888
|
|
|
|
13년 전
|
조회 797
|
|
|
|
13년 전
|
조회 875
|
|
|
|
13년 전
|
조회 682
|
|
|
|
13년 전
|
조회 1,384
|
|
|
|
13년 전
|
조회 813
|
|
|
|
13년 전
|
조회 1,185
|
|
|
|
13년 전
|
조회 1,178
|
|
|
|
13년 전
|
조회 684
|
댓글 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();
});
});