B

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

· 13년 전 · 1280 · 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년 전 조회 978
13년 전 조회 6,276
13년 전 조회 1,220
13년 전 조회 1,433
13년 전 조회 5,252
13년 전 조회 1,898
13년 전 조회 2,705
13년 전 조회 2,106
13년 전 조회 1,309
13년 전 조회 1,396
13년 전 조회 1,303
13년 전 조회 1,030
13년 전 조회 1,418
13년 전 조회 7,971
13년 전 조회 3,380
13년 전 조회 1,127
13년 전 조회 2,171
13년 전 조회 2,377
13년 전 조회 4,871
13년 전 조회 1,222
13년 전 조회 2,394
13년 전 조회 929
13년 전 조회 1,355
13년 전 조회 1,406
13년 전 조회 932
13년 전 조회 1.1만
13년 전 조회 1,133
13년 전 조회 1,746
13년 전 조회 1,123
13년 전 조회 1,103
13년 전 조회 2,327
13년 전 조회 1,969
13년 전 조회 1,910
13년 전 조회 3,177
13년 전 조회 1,276
13년 전 조회 977
13년 전 조회 1,353
13년 전 조회 2,432
13년 전 조회 1,840
13년 전 조회 1,333
13년 전 조회 1,613
13년 전 조회 1,077
13년 전 조회 1,601
13년 전 조회 963
13년 전 조회 1,664
13년 전 조회 1,472
13년 전 조회 1,870
13년 전 조회 1,364
13년 전 조회 1,620
13년 전 조회 1,281
13년 전 조회 1,014
13년 전 조회 1,080
13년 전 조회 1,465
13년 전 조회 1,010
13년 전 조회 1,715
13년 전 조회 1,141
13년 전 조회 1,001
13년 전 조회 1,160
13년 전 조회 1,083
13년 전 조회 2,214
13년 전 조회 1,451
13년 전 조회 1,383
13년 전 조회 2,365
13년 전 조회 1,403
13년 전 조회 1,014
13년 전 조회 997
13년 전 조회 1,763
13년 전 조회 1,206
13년 전 조회 1,009
13년 전 조회 1,262
13년 전 조회 3,120
13년 전 조회 1,798
13년 전 조회 1,579
13년 전 조회 1,023
13년 전 조회 966
13년 전 조회 886
13년 전 조회 1,159
13년 전 조회 1,416
13년 전 조회 3,434
13년 전 조회 1,256
13년 전 조회 1,465
13년 전 조회 1,160
13년 전 조회 1,034
13년 전 조회 1,276
13년 전 조회 1,288
13년 전 조회 1,543
13년 전 조회 2,988
13년 전 조회 3,430
13년 전 조회 1,458
13년 전 조회 1,521
13년 전 조회 1,003
13년 전 조회 2,130
13년 전 조회 1,044
13년 전 조회 1,108
13년 전 조회 907
13년 전 조회 1,639
13년 전 조회 1,066
13년 전 조회 1,437
13년 전 조회 1,417
13년 전 조회 945