B

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

· 13년 전 · 1221 · 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년 전 조회 923
13년 전 조회 6,230
13년 전 조회 1,182
13년 전 조회 1,398
13년 전 조회 5,212
13년 전 조회 1,858
13년 전 조회 2,665
13년 전 조회 2,057
13년 전 조회 1,261
13년 전 조회 1,335
13년 전 조회 1,258
13년 전 조회 975
13년 전 조회 1,365
13년 전 조회 7,914
13년 전 조회 3,323
13년 전 조회 1,082
13년 전 조회 2,117
13년 전 조회 2,314
13년 전 조회 4,824
13년 전 조회 1,164
13년 전 조회 2,331
13년 전 조회 874
13년 전 조회 1,301
13년 전 조회 1,357
13년 전 조회 888
13년 전 조회 1.1만
13년 전 조회 1,073
13년 전 조회 1,679
13년 전 조회 1,072
13년 전 조회 1,044
13년 전 조회 2,274
13년 전 조회 1,909
13년 전 조회 1,865
13년 전 조회 3,131
13년 전 조회 1,221
13년 전 조회 931
13년 전 조회 1,291
13년 전 조회 2,375
13년 전 조회 1,784
13년 전 조회 1,290
13년 전 조회 1,562
13년 전 조회 1,024
13년 전 조회 1,555
13년 전 조회 912
13년 전 조회 1,599
13년 전 조회 1,408
13년 전 조회 1,818
13년 전 조회 1,305
13년 전 조회 1,558
13년 전 조회 1,222
13년 전 조회 959
13년 전 조회 1,027
13년 전 조회 1,408
13년 전 조회 946
13년 전 조회 1,662
13년 전 조회 1,070
13년 전 조회 945
13년 전 조회 1,092
13년 전 조회 1,026
13년 전 조회 2,153
13년 전 조회 1,381
13년 전 조회 1,321
13년 전 조회 2,284
13년 전 조회 1,331
13년 전 조회 954
13년 전 조회 943
13년 전 조회 1,698
13년 전 조회 1,143
13년 전 조회 945
13년 전 조회 1,203
13년 전 조회 3,057
13년 전 조회 1,744
13년 전 조회 1,530
13년 전 조회 969
13년 전 조회 917
13년 전 조회 845
13년 전 조회 1,108
13년 전 조회 1,343
13년 전 조회 3,366
13년 전 조회 1,182
13년 전 조회 1,402
13년 전 조회 1,100
13년 전 조회 968
13년 전 조회 1,209
13년 전 조회 1,231
13년 전 조회 1,482
13년 전 조회 2,920
13년 전 조회 3,361
13년 전 조회 1,385
13년 전 조회 1,462
13년 전 조회 941
13년 전 조회 2,085
13년 전 조회 986
13년 전 조회 1,052
13년 전 조회 865
13년 전 조회 1,574
13년 전 조회 1,002
13년 전 조회 1,379
13년 전 조회 1,370
13년 전 조회 867