B

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

· 13년 전 · 1088 · 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년 전 조회 777
13년 전 조회 6,106
13년 전 조회 1,055
13년 전 조회 1,266
13년 전 조회 5,084
13년 전 조회 1,720
13년 전 조회 2,536
13년 전 조회 1,918
13년 전 조회 1,131
13년 전 조회 1,202
13년 전 조회 1,125
13년 전 조회 837
13년 전 조회 1,226
13년 전 조회 7,778
13년 전 조회 3,188
13년 전 조회 945
13년 전 조회 1,969
13년 전 조회 2,178
13년 전 조회 4,703
13년 전 조회 1,015
13년 전 조회 2,197
13년 전 조회 744
13년 전 조회 1,161
13년 전 조회 1,218
13년 전 조회 770
13년 전 조회 1.1만
13년 전 조회 939
13년 전 조회 1,538
13년 전 조회 923
13년 전 조회 913
13년 전 조회 2,143
13년 전 조회 1,773
13년 전 조회 1,724
13년 전 조회 2,988
13년 전 조회 1,096
13년 전 조회 793
13년 전 조회 1,152
13년 전 조회 2,231
13년 전 조회 1,646
13년 전 조회 1,160
13년 전 조회 1,424
13년 전 조회 890
13년 전 조회 1,423
13년 전 조회 777
13년 전 조회 1,440
13년 전 조회 1,276
13년 전 조회 1,675
13년 전 조회 1,170
13년 전 조회 1,416
13년 전 조회 1,089
13년 전 조회 811
13년 전 조회 890
13년 전 조회 1,270
13년 전 조회 811
13년 전 조회 1,520
13년 전 조회 927
13년 전 조회 827
13년 전 조회 957
13년 전 조회 889
13년 전 조회 2,023
13년 전 조회 1,231
13년 전 조회 1,195
13년 전 조회 2,142
13년 전 조회 1,185
13년 전 조회 813
13년 전 조회 800
13년 전 조회 1,546
13년 전 조회 991
13년 전 조회 786
13년 전 조회 1,045
13년 전 조회 2,919
13년 전 조회 1,594
13년 전 조회 1,386
13년 전 조회 832
13년 전 조회 774
13년 전 조회 702
13년 전 조회 961
13년 전 조회 1,190
13년 전 조회 3,212
13년 전 조회 1,037
13년 전 조회 1,252
13년 전 조회 958
13년 전 조회 821
13년 전 조회 1,059
13년 전 조회 1,069
13년 전 조회 1,336
13년 전 조회 2,764
13년 전 조회 3,213
13년 전 조회 1,227
13년 전 조회 1,299
13년 전 조회 769
13년 전 조회 1,924
13년 전 조회 841
13년 전 조회 917
13년 전 조회 721
13년 전 조회 1,432
13년 전 조회 858
13년 전 조회 1,231
13년 전 조회 1,223
13년 전 조회 728
🐛 버그신고