B

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

· 13년 전 · 1144 · 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년 전 조회 849
13년 전 조회 6,157
13년 전 조회 1,112
13년 전 조회 1,315
13년 전 조회 5,133
13년 전 조회 1,777
13년 전 조회 2,593
13년 전 조회 1,963
13년 전 조회 1,177
13년 전 조회 1,258
13년 전 조회 1,176
13년 전 조회 894
13년 전 조회 1,283
13년 전 조회 7,833
13년 전 조회 3,248
13년 전 조회 1,000
13년 전 조회 2,036
13년 전 조회 2,229
13년 전 조회 4,757
13년 전 조회 1,082
13년 전 조회 2,252
13년 전 조회 797
13년 전 조회 1,226
13년 전 조회 1,275
13년 전 조회 822
13년 전 조회 1.1만
13년 전 조회 994
13년 전 조회 1,591
13년 전 조회 989
13년 전 조회 976
13년 전 조회 2,199
13년 전 조회 1,833
13년 전 조회 1,776
13년 전 조회 3,047
13년 전 조회 1,146
13년 전 조회 850
13년 전 조회 1,211
13년 전 조회 2,284
13년 전 조회 1,701
13년 전 조회 1,213
13년 전 조회 1,480
13년 전 조회 941
13년 전 조회 1,474
13년 전 조회 820
13년 전 조회 1,504
13년 전 조회 1,340
13년 전 조회 1,741
13년 전 조회 1,227
13년 전 조회 1,468
13년 전 조회 1,145
13년 전 조회 875
13년 전 조회 948
13년 전 조회 1,320
13년 전 조회 874
13년 전 조회 1,575
13년 전 조회 991
13년 전 조회 880
13년 전 조회 1,016
13년 전 조회 941
13년 전 조회 2,080
13년 전 조회 1,294
13년 전 조회 1,243
13년 전 조회 2,207
13년 전 조회 1,250
13년 전 조회 869
13년 전 조회 863
13년 전 조회 1,605
13년 전 조회 1,061
13년 전 조회 860
13년 전 조회 1,104
13년 전 조회 2,980
13년 전 조회 1,655
13년 전 조회 1,433
13년 전 조회 890
13년 전 조회 834
13년 전 조회 755
13년 전 조회 1,020
13년 전 조회 1,263
13년 전 조회 3,278
13년 전 조회 1,102
13년 전 조회 1,312
13년 전 조회 1,019
13년 전 조회 881
13년 전 조회 1,116
13년 전 조회 1,125
13년 전 조회 1,387
13년 전 조회 2,832
13년 전 조회 3,267
13년 전 조회 1,288
13년 전 조회 1,369
13년 전 조회 836
13년 전 조회 1,986
13년 전 조회 904
13년 전 조회 984
13년 전 조회 780
13년 전 조회 1,489
13년 전 조회 923
13년 전 조회 1,297
13년 전 조회 1,296
13년 전 조회 790
🐛 버그신고