B

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

· 13년 전 · 1147 · 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년 전 조회 851
13년 전 조회 6,160
13년 전 조회 1,115
13년 전 조회 1,319
13년 전 조회 5,138
13년 전 조회 1,784
13년 전 조회 2,597
13년 전 조회 1,971
13년 전 조회 1,181
13년 전 조회 1,263
13년 전 조회 1,180
13년 전 조회 898
13년 전 조회 1,286
13년 전 조회 7,837
13년 전 조회 3,251
13년 전 조회 1,000
13년 전 조회 2,040
13년 전 조회 2,237
13년 전 조회 4,760
13년 전 조회 1,087
13년 전 조회 2,256
13년 전 조회 799
13년 전 조회 1,234
13년 전 조회 1,280
13년 전 조회 828
13년 전 조회 1.1만
13년 전 조회 999
13년 전 조회 1,596
13년 전 조회 993
13년 전 조회 983
13년 전 조회 2,203
13년 전 조회 1,834
13년 전 조회 1,779
13년 전 조회 3,053
13년 전 조회 1,152
13년 전 조회 854
13년 전 조회 1,215
13년 전 조회 2,294
13년 전 조회 1,708
13년 전 조회 1,218
13년 전 조회 1,481
13년 전 조회 947
13년 전 조회 1,477
13년 전 조회 826
13년 전 조회 1,514
13년 전 조회 1,344
13년 전 조회 1,748
13년 전 조회 1,232
13년 전 조회 1,475
13년 전 조회 1,148
13년 전 조회 881
13년 전 조회 957
13년 전 조회 1,326
13년 전 조회 880
13년 전 조회 1,579
13년 전 조회 999
13년 전 조회 885
13년 전 조회 1,018
13년 전 조회 943
13년 전 조회 2,082
13년 전 조회 1,302
13년 전 조회 1,247
13년 전 조회 2,215
13년 전 조회 1,257
13년 전 조회 875
13년 전 조회 868
13년 전 조회 1,613
13년 전 조회 1,067
13년 전 조회 866
13년 전 조회 1,114
13년 전 조회 2,982
13년 전 조회 1,656
13년 전 조회 1,435
13년 전 조회 894
13년 전 조회 837
13년 전 조회 756
13년 전 조회 1,025
13년 전 조회 1,273
13년 전 조회 3,286
13년 전 조회 1,106
13년 전 조회 1,319
13년 전 조회 1,026
13년 전 조회 886
13년 전 조회 1,122
13년 전 조회 1,129
13년 전 조회 1,393
13년 전 조회 2,838
13년 전 조회 3,275
13년 전 조회 1,291
13년 전 조회 1,372
13년 전 조회 841
13년 전 조회 1,988
13년 전 조회 907
13년 전 조회 988
13년 전 조회 784
13년 전 조회 1,492
13년 전 조회 927
13년 전 조회 1,303
13년 전 조회 1,298
13년 전 조회 797
🐛 버그신고