B

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

· 13년 전 · 1115 · 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년 전 조회 814
13년 전 조회 6,128
13년 전 조회 1,084
13년 전 조회 1,291
13년 전 조회 5,105
13년 전 조회 1,748
13년 전 조회 2,563
13년 전 조회 1,945
13년 전 조회 1,153
13년 전 조회 1,230
13년 전 조회 1,148
13년 전 조회 862
13년 전 조회 1,253
13년 전 조회 7,809
13년 전 조회 3,218
13년 전 조회 969
13년 전 조회 2,006
13년 전 조회 2,207
13년 전 조회 4,726
13년 전 조회 1,050
13년 전 조회 2,216
13년 전 조회 767
13년 전 조회 1,193
13년 전 조회 1,240
13년 전 조회 793
13년 전 조회 1.1만
13년 전 조회 963
13년 전 조회 1,561
13년 전 조회 953
13년 전 조회 948
13년 전 조회 2,166
13년 전 조회 1,800
13년 전 조회 1,742
13년 전 조회 3,011
13년 전 조회 1,114
13년 전 조회 823
13년 전 조회 1,179
13년 전 조회 2,255
13년 전 조회 1,675
13년 전 조회 1,188
13년 전 조회 1,451
13년 전 조회 916
13년 전 조회 1,449
13년 전 조회 801
13년 전 조회 1,473
13년 전 조회 1,300
13년 전 조회 1,701
13년 전 조회 1,200
13년 전 조회 1,446
13년 전 조회 1,116
13년 전 조회 844
13년 전 조회 923
13년 전 조회 1,290
13년 전 조회 838
13년 전 조회 1,549
13년 전 조회 951
13년 전 조회 855
13년 전 조회 985
13년 전 조회 917
13년 전 조회 2,047
13년 전 조회 1,259
13년 전 조회 1,221
13년 전 조회 2,174
13년 전 조회 1,217
13년 전 조회 832
13년 전 조회 828
13년 전 조회 1,575
13년 전 조회 1,025
13년 전 조회 823
13년 전 조회 1,071
13년 전 조회 2,953
13년 전 조회 1,627
13년 전 조회 1,408
13년 전 조회 867
13년 전 조회 806
13년 전 조회 729
13년 전 조회 987
13년 전 조회 1,222
13년 전 조회 3,256
13년 전 조회 1,066
13년 전 조회 1,283
13년 전 조회 985
13년 전 조회 852
13년 전 조회 1,084
13년 전 조회 1,098
13년 전 조회 1,360
13년 전 조회 2,803
13년 전 조회 3,241
13년 전 조회 1,255
13년 전 조회 1,329
13년 전 조회 795
13년 전 조회 1,954
13년 전 조회 870
13년 전 조회 943
13년 전 조회 751
13년 전 조회 1,457
13년 전 조회 890
13년 전 조회 1,265
13년 전 조회 1,261
13년 전 조회 757
🐛 버그신고