B

제이쿼리 질문을 ㅠㅠ 불상한 아이에게 희망을 주시옵소서...

· 13년 전 · 1139 · 3
제이쿼리는 처음으로 입문해봅니다.
php만 똑딱똑딱거리니 이제 다른것도 배워보자싶어서
 
제이쿼리 들어왔습니다.
 
탭메뉴을 만들려고하는데요
 
1번 2번 3번
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
 
숫자을 누를때마다 ㅁㅁㅁ<<나온부분이 다르게 나오게하고싶은데
어떻에해야할지 설명좀해주실분있으신가유? ㅠㅠ
 
 
|

댓글 3개

그건 탭을 누를때 마다 ajax로 페이지를 새로 불러주는 방법과
탭에 맞는 레이어를 모두 만들어 놓고 첫탭에 해당되는 레이어 빼고는 모두 숨겨 놓구 탭을 누를때 마다 탭에 맞는 레이어를 보여 주시고 나머지는 숨기고 이런식으로 하시면 될것 같네요..
넵!! 어제 바로 후루룩 만들어본결과 어떻에하는지 알게되었습니다.
제이쿼리 처음입문하는데 재미난기능들이 많군요 ㅎㅎ
siblings(), end() 매서드를 이용하면 정말 간단하게 구현 가능합니다.

텝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();
});
});
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
13년 전 조회 841
13년 전 조회 6,155
13년 전 조회 1,107
13년 전 조회 1,306
13년 전 조회 5,124
13년 전 조회 1,772
13년 전 조회 2,589
13년 전 조회 1,957
13년 전 조회 1,173
13년 전 조회 1,247
13년 전 조회 1,167
13년 전 조회 884
13년 전 조회 1,278
13년 전 조회 7,829
13년 전 조회 3,244
13년 전 조회 992
13년 전 조회 2,027
13년 전 조회 2,223
13년 전 조회 4,753
13년 전 조회 1,076
13년 전 조회 2,243
13년 전 조회 791
13년 전 조회 1,216
13년 전 조회 1,264
13년 전 조회 814
13년 전 조회 1.1만
13년 전 조회 985
13년 전 조회 1,582
13년 전 조회 983
13년 전 조회 968
13년 전 조회 2,195
13년 전 조회 1,825
13년 전 조회 1,763
13년 전 조회 3,038
13년 전 조회 1,139
13년 전 조회 844
13년 전 조회 1,205
13년 전 조회 2,278
13년 전 조회 1,691
13년 전 조회 1,204
13년 전 조회 1,472
13년 전 조회 933
13년 전 조회 1,463
13년 전 조회 816
13년 전 조회 1,495
13년 전 조회 1,326
13년 전 조회 1,730
13년 전 조회 1,218
13년 전 조회 1,466
13년 전 조회 1,140
13년 전 조회 867
13년 전 조회 946
13년 전 조회 1,312
13년 전 조회 868
13년 전 조회 1,568
13년 전 조회 981
13년 전 조회 873
13년 전 조회 1,013
13년 전 조회 937
13년 전 조회 2,072
13년 전 조회 1,285
13년 전 조회 1,238
13년 전 조회 2,199
13년 전 조회 1,239
13년 전 조회 857
13년 전 조회 855
13년 전 조회 1,599
13년 전 조회 1,053
13년 전 조회 854
13년 전 조회 1,101
13년 전 조회 2,973
13년 전 조회 1,646
13년 전 조회 1,426
13년 전 조회 887
13년 전 조회 831
13년 전 조회 747
13년 전 조회 1,009
13년 전 조회 1,254
13년 전 조회 3,276
13년 전 조회 1,100
13년 전 조회 1,308
13년 전 조회 1,015
13년 전 조회 879
13년 전 조회 1,110
13년 전 조회 1,121
13년 전 조회 1,381
13년 전 조회 2,825
13년 전 조회 3,255
13년 전 조회 1,282
13년 전 조회 1,360
13년 전 조회 827
13년 전 조회 1,979
13년 전 조회 895
13년 전 조회 974
13년 전 조회 776
13년 전 조회 1,477
13년 전 조회 912
13년 전 조회 1,285
13년 전 조회 1,284
13년 전 조회 782
🐛 버그신고