B

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

· 13년 전 · 1040 · 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년 전 조회 734
13년 전 조회 6,049
13년 전 조회 998
13년 전 조회 1,221
13년 전 조회 5,024
13년 전 조회 1,672
13년 전 조회 2,477
13년 전 조회 1,869
13년 전 조회 1,075
13년 전 조회 1,155
13년 전 조회 1,077
13년 전 조회 792
13년 전 조회 1,173
13년 전 조회 7,730
13년 전 조회 3,140
13년 전 조회 895
13년 전 조회 1,927
13년 전 조회 2,133
13년 전 조회 4,650
13년 전 조회 965
13년 전 조회 2,156
13년 전 조회 698
13년 전 조회 1,107
13년 전 조회 1,164
13년 전 조회 712
13년 전 조회 1만
13년 전 조회 883
13년 전 조회 1,489
13년 전 조회 875
13년 전 조회 874
13년 전 조회 2,092
13년 전 조회 1,722
13년 전 조회 1,666
13년 전 조회 2,939
13년 전 조회 1,040
13년 전 조회 731
13년 전 조회 1,106
13년 전 조회 2,176
13년 전 조회 1,594
13년 전 조회 1,118
13년 전 조회 1,383
13년 전 조회 846
13년 전 조회 1,370
13년 전 조회 732
13년 전 조회 1,395
13년 전 조회 1,230
13년 전 조회 1,625
13년 전 조회 1,126
13년 전 조회 1,373
13년 전 조회 1,041
13년 전 조회 769
13년 전 조회 846
13년 전 조회 1,217
13년 전 조회 765
13년 전 조회 1,467
13년 전 조회 886
13년 전 조회 782
13년 전 조회 906
13년 전 조회 840
13년 전 조회 1,992
13년 전 조회 1,189
13년 전 조회 1,153
13년 전 조회 2,103
13년 전 조회 1,139
13년 전 조회 764
13년 전 조회 764
13년 전 조회 1,505
13년 전 조회 949
13년 전 조회 747
13년 전 조회 1,006
13년 전 조회 2,870
13년 전 조회 1,547
13년 전 조회 1,341
13년 전 조회 787
13년 전 조회 722
13년 전 조회 658
13년 전 조회 908
13년 전 조회 1,147
13년 전 조회 3,177
13년 전 조회 1,003
13년 전 조회 1,208
13년 전 조회 915
13년 전 조회 784
13년 전 조회 1,025
13년 전 조회 1,029
13년 전 조회 1,294
13년 전 조회 2,727
13년 전 조회 3,175
13년 전 조회 1,200
13년 전 조회 1,255
13년 전 조회 730
13년 전 조회 1,889
13년 전 조회 797
13년 전 조회 881
13년 전 조회 684
13년 전 조회 1,390
13년 전 조회 816
13년 전 조회 1,192
13년 전 조회 1,182
13년 전 조회 686
🐛 버그신고