B

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

· 13년 전 · 1171 · 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년 전 조회 879
13년 전 조회 6,187
13년 전 조회 1,143
13년 전 조회 1,341
13년 전 조회 5,167
13년 전 조회 1,810
13년 전 조회 2,621
13년 전 조회 1,999
13년 전 조회 1,212
13년 전 조회 1,284
13년 전 조회 1,207
13년 전 조회 921
13년 전 조회 1,313
13년 전 조회 7,869
13년 전 조회 3,275
13년 전 조회 1,023
13년 전 조회 2,064
13년 전 조회 2,268
13년 전 조회 4,781
13년 전 조회 1,116
13년 전 조회 2,283
13년 전 조회 830
13년 전 조회 1,253
13년 전 조회 1,300
13년 전 조회 842
13년 전 조회 1.1만
13년 전 조회 1,023
13년 전 조회 1,626
13년 전 조회 1,019
13년 전 조회 1,009
13년 전 조회 2,226
13년 전 조회 1,861
13년 전 조회 1,811
13년 전 조회 3,078
13년 전 조회 1,180
13년 전 조회 882
13년 전 조회 1,238
13년 전 조회 2,325
13년 전 조회 1,738
13년 전 조회 1,240
13년 전 조회 1,509
13년 전 조회 979
13년 전 조회 1,502
13년 전 조회 854
13년 전 조회 1,537
13년 전 조회 1,365
13년 전 조회 1,772
13년 전 조회 1,256
13년 전 조회 1,508
13년 전 조회 1,172
13년 전 조회 906
13년 전 조회 979
13년 전 조회 1,355
13년 전 조회 904
13년 전 조회 1,609
13년 전 조회 1,030
13년 전 조회 903
13년 전 조회 1,044
13년 전 조회 974
13년 전 조회 2,109
13년 전 조회 1,326
13년 전 조회 1,273
13년 전 조회 2,242
13년 전 조회 1,283
13년 전 조회 901
13년 전 조회 893
13년 전 조회 1,653
13년 전 조회 1,093
13년 전 조회 897
13년 전 조회 1,154
13년 전 조회 3,007
13년 전 조회 1,690
13년 전 조회 1,473
13년 전 조회 917
13년 전 조회 863
13년 전 조회 784
13년 전 조회 1,053
13년 전 조회 1,298
13년 전 조회 3,317
13년 전 조회 1,137
13년 전 조회 1,348
13년 전 조회 1,052
13년 전 조회 918
13년 전 조회 1,159
13년 전 조회 1,172
13년 전 조회 1,419
13년 전 조회 2,875
13년 전 조회 3,305
13년 전 조회 1,328
13년 전 조회 1,404
13년 전 조회 886
13년 전 조회 2,023
13년 전 조회 929
13년 전 조회 1,003
13년 전 조회 804
13년 전 조회 1,521
13년 전 조회 957
13년 전 조회 1,327
13년 전 조회 1,322
13년 전 조회 827
🐛 버그신고