|
|
|
13년 전
|
조회 706
|
|
|
|
13년 전
|
조회 6,029
|
|
|
|
13년 전
|
조회 985
|
|
|
|
13년 전
|
조회 1,197
|
|
|
|
13년 전
|
조회 4,999
|
|
|
|
13년 전
|
조회 1,653
|
|
|
|
13년 전
|
조회 2,456
|
|
|
 지운아빠
|
13년 전
|
조회 1,848
|
|
|
|
13년 전
|
조회 1,054
|
|
|
지운아빠
|
13년 전
|
조회 1,130
|
|
|
|
13년 전
|
조회 1,046
|
|
|
|
13년 전
|
조회 769
|
|
|
|
13년 전
|
조회 1,148
|
|
|
|
13년 전
|
조회 7,705
|
|
|
|
13년 전
|
조회 3,113
|
|
|
|
13년 전
|
조회 870
|
|
|
|
13년 전
|
조회 1,908
|
|
|
|
13년 전
|
조회 2,106
|
|
|
|
13년 전
|
조회 4,628
|
|
|
|
13년 전
|
조회 939
|
|
|
|
13년 전
|
조회 2,137
|
|
|
|
13년 전
|
조회 674
|
|
|
|
13년 전
|
조회 1,089
|
|
|
|
13년 전
|
조회 1,144
|
|
|
|
13년 전
|
조회 692
|
|
|
|
13년 전
|
조회 1만
|
|
|
|
13년 전
|
조회 861
|
|
|
지운아빠
|
13년 전
|
조회 1,463
|
|
|
|
13년 전
|
조회 850
|
|
|
|
13년 전
|
조회 858
|
|
|
|
13년 전
|
조회 2,071
|
|
|
|
13년 전
|
조회 1,698
|
|
|
|
13년 전
|
조회 1,643
|
|
|
|
13년 전
|
조회 2,911
|
|
|
|
13년 전
|
조회 1,013
|
|
|
|
13년 전
|
조회 714
|
|
|
|
13년 전
|
조회 1,090
|
|
|
|
13년 전
|
조회 2,154
|
|
|
|
13년 전
|
조회 1,568
|
|
|
|
13년 전
|
조회 1,097
|
|
|
|
13년 전
|
조회 1,359
|
|
|
|
13년 전
|
조회 824
|
|
|
|
13년 전
|
조회 1,350
|
|
|
|
13년 전
|
조회 707
|
|
|
|
13년 전
|
조회 1,373
|
|
|
|
13년 전
|
조회 1,210
|
|
|
|
13년 전
|
조회 1,603
|
|
|
|
13년 전
|
조회 1,101
|
|
|
|
13년 전
|
조회 1,355
|
|
|
|
13년 전
|
조회 1,019
|
|
|
|
13년 전
|
조회 746
|
|
|
|
13년 전
|
조회 827
|
|
|
|
13년 전
|
조회 1,196
|
|
|
|
13년 전
|
조회 745
|
|
|
|
13년 전
|
조회 1,451
|
|
|
|
13년 전
|
조회 862
|
|
|
|
13년 전
|
조회 763
|
|
|
|
13년 전
|
조회 881
|
|
|
|
13년 전
|
조회 825
|
|
|
|
13년 전
|
조회 1,968
|
|
|
|
13년 전
|
조회 1,171
|
|
|
|
13년 전
|
조회 1,134
|
|
|
|
13년 전
|
조회 2,078
|
|
|
|
13년 전
|
조회 1,123
|
|
|
|
13년 전
|
조회 745
|
|
|
|
13년 전
|
조회 744
|
|
|
|
13년 전
|
조회 1,488
|
|
|
|
13년 전
|
조회 932
|
|
|
|
13년 전
|
조회 727
|
|
|
|
13년 전
|
조회 986
|
|
|
|
13년 전
|
조회 2,847
|
|
|
|
13년 전
|
조회 1,524
|
|
|
|
13년 전
|
조회 1,324
|
|
|
|
13년 전
|
조회 767
|
|
|
|
13년 전
|
조회 705
|
|
|
|
13년 전
|
조회 644
|
|
|
|
13년 전
|
조회 890
|
|
|
|
13년 전
|
조회 1,124
|
|
|
|
13년 전
|
조회 3,155
|
|
|
|
13년 전
|
조회 979
|
|
|
|
13년 전
|
조회 1,186
|
|
|
|
13년 전
|
조회 895
|
|
|
|
13년 전
|
조회 760
|
|
|
|
13년 전
|
조회 1,003
|
|
|
|
13년 전
|
조회 1,005
|
|
|
|
13년 전
|
조회 1,269
|
|
|
|
13년 전
|
조회 2,705
|
|
|
|
13년 전
|
조회 3,151
|
|
|
|
13년 전
|
조회 1,181
|
|
|
|
13년 전
|
조회 1,235
|
|
|
|
13년 전
|
조회 707
|
|
|
|
13년 전
|
조회 1,871
|
|
|
|
13년 전
|
조회 780
|
|
|
|
13년 전
|
조회 861
|
|
|
|
13년 전
|
조회 665
|
|
|
|
13년 전
|
조회 1,369
|
|
|
|
13년 전
|
조회 800
|
|
|
|
13년 전
|
조회 1,171
|
|
|
|
13년 전
|
조회 1,158
|
|
|
|
13년 전
|
조회 669
|
댓글 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();
});
});