|
|
|
13년 전
|
조회 695
|
|
|
|
13년 전
|
조회 6,023
|
|
|
|
13년 전
|
조회 978
|
|
|
|
13년 전
|
조회 1,191
|
|
|
|
13년 전
|
조회 4,992
|
|
|
|
13년 전
|
조회 1,648
|
|
|
|
13년 전
|
조회 2,449
|
|
|
 지운아빠
|
13년 전
|
조회 1,841
|
|
|
|
13년 전
|
조회 1,048
|
|
|
지운아빠
|
13년 전
|
조회 1,122
|
|
|
|
13년 전
|
조회 1,041
|
|
|
|
13년 전
|
조회 761
|
|
|
|
13년 전
|
조회 1,142
|
|
|
|
13년 전
|
조회 7,697
|
|
|
|
13년 전
|
조회 3,103
|
|
|
|
13년 전
|
조회 864
|
|
|
|
13년 전
|
조회 1,899
|
|
|
|
13년 전
|
조회 2,097
|
|
|
|
13년 전
|
조회 4,619
|
|
|
|
13년 전
|
조회 931
|
|
|
|
13년 전
|
조회 2,129
|
|
|
|
13년 전
|
조회 663
|
|
|
|
13년 전
|
조회 1,078
|
|
|
|
13년 전
|
조회 1,135
|
|
|
|
13년 전
|
조회 684
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 851
|
|
|
지운아빠
|
13년 전
|
조회 1,454
|
|
|
|
13년 전
|
조회 839
|
|
|
|
13년 전
|
조회 845
|
|
|
|
13년 전
|
조회 2,060
|
|
|
|
13년 전
|
조회 1,689
|
|
|
|
13년 전
|
조회 1,636
|
|
|
|
13년 전
|
조회 2,902
|
|
|
|
13년 전
|
조회 1,007
|
|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 1,081
|
|
|
|
13년 전
|
조회 2,146
|
|
|
|
13년 전
|
조회 1,561
|
|
|
|
13년 전
|
조회 1,093
|
|
|
|
13년 전
|
조회 1,354
|
|
|
|
13년 전
|
조회 818
|
|
|
|
13년 전
|
조회 1,345
|
|
|
|
13년 전
|
조회 703
|
|
|
|
13년 전
|
조회 1,366
|
|
|
|
13년 전
|
조회 1,206
|
|
|
|
13년 전
|
조회 1,595
|
|
|
|
13년 전
|
조회 1,096
|
|
|
|
13년 전
|
조회 1,348
|
|
|
|
13년 전
|
조회 1,009
|
|
|
|
13년 전
|
조회 738
|
|
|
|
13년 전
|
조회 817
|
|
|
|
13년 전
|
조회 1,186
|
|
|
|
13년 전
|
조회 733
|
|
|
|
13년 전
|
조회 1,439
|
|
|
|
13년 전
|
조회 850
|
|
|
|
13년 전
|
조회 752
|
|
|
|
13년 전
|
조회 868
|
|
|
|
13년 전
|
조회 815
|
|
|
|
13년 전
|
조회 1,960
|
|
|
|
13년 전
|
조회 1,158
|
|
|
|
13년 전
|
조회 1,126
|
|
|
|
13년 전
|
조회 2,070
|
|
|
|
13년 전
|
조회 1,114
|
|
|
|
13년 전
|
조회 736
|
|
|
|
13년 전
|
조회 737
|
|
|
|
13년 전
|
조회 1,482
|
|
|
|
13년 전
|
조회 924
|
|
|
|
13년 전
|
조회 717
|
|
|
|
13년 전
|
조회 976
|
|
|
|
13년 전
|
조회 2,834
|
|
|
|
13년 전
|
조회 1,516
|
|
|
|
13년 전
|
조회 1,316
|
|
|
|
13년 전
|
조회 758
|
|
|
|
13년 전
|
조회 696
|
|
|
|
13년 전
|
조회 637
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 1,115
|
|
|
|
13년 전
|
조회 3,143
|
|
|
|
13년 전
|
조회 968
|
|
|
|
13년 전
|
조회 1,174
|
|
|
|
13년 전
|
조회 884
|
|
|
|
13년 전
|
조회 749
|
|
|
|
13년 전
|
조회 991
|
|
|
|
13년 전
|
조회 996
|
|
|
|
13년 전
|
조회 1,262
|
|
|
|
13년 전
|
조회 2,694
|
|
|
|
13년 전
|
조회 3,141
|
|
|
|
13년 전
|
조회 1,170
|
|
|
|
13년 전
|
조회 1,223
|
|
|
|
13년 전
|
조회 696
|
|
|
|
13년 전
|
조회 1,864
|
|
|
|
13년 전
|
조회 773
|
|
|
|
13년 전
|
조회 853
|
|
|
|
13년 전
|
조회 658
|
|
|
|
13년 전
|
조회 1,360
|
|
|
|
13년 전
|
조회 793
|
|
|
|
13년 전
|
조회 1,166
|
|
|
|
13년 전
|
조회 1,153
|
|
|
|
13년 전
|
조회 663
|
댓글 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();
});
});