B

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

· 2012-07-05 (목) 15:46:14 · 3334 · 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();
});
});
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
13-03-03 조회 6,212
13-03-01 조회 5,544
13-03-01 조회 8,279
13-03-01 조회 6,249
13-02-26 조회 3,859
13-02-26 조회 3,818
13-02-26 조회 4,706
13-02-24 조회 8,147
13-02-24 조회 4,227
13-02-24 조회 3,474
13-02-24 조회 5,277
13-02-24 조회 5,282
13-02-24 조회 4,348
13-02-24 조회 5,687
13-02-24 조회 9,371
13-02-14 조회 5,065
13-02-13 조회 8,985
13-01-29 조회 7,640
13-01-24 조회 4,994
13-01-24 조회 4,870
13-01-17 조회 4,271
13-01-16 조회 4,287
13-01-08 조회 4,372
12-12-27 조회 4,024
12-12-20 조회 1.1만
12-12-20 조회 3,350
12-12-06 조회 4,334
12-12-01 조회 4,072
12-11-28 조회 5,649
12-11-25 조회 5,358
12-10-20 조회 4,631
12-10-03 조회 4,777
12-09-26 조회 4,971
12-09-15 조회 8,414
12-09-14 조회 5,435
12-09-11 조회 3,920
12-09-10 조회 3,958
12-09-05 조회 8,829
12-08-29 조회 4,599
12-08-26 조회 3,747
12-08-23 조회 3,455
12-08-22 조회 3,525
12-08-22 조회 4,339
12-08-21 조회 3,492
12-08-20 조회 3,420
12-08-20 조회 9,225
12-08-15 조회 4,336
12-08-13 조회 3,251
12-08-11 조회 4,667
12-08-05 조회 4,522
12-08-03 조회 3,304
12-08-03 조회 3,991
12-08-02 조회 4,977
12-07-29 조회 4,083
12-07-26 조회 3,672
12-07-26 조회 3,543
12-07-22 조회 3,450
12-07-20 조회 3,283
12-07-19 조회 4,152
12-07-19 조회 3,408
12-07-16 조회 3,534
12-07-16 조회 4,448
12-07-15 조회 3,504
12-07-12 조회 7,353
12-07-12 조회 5,000
12-07-11 조회 3,030
12-07-09 조회 3,198
12-07-05 조회 3,809
12-07-04 조회 4,386
12-07-04 조회 3,792
12-07-04 조회 4,326
12-06-29 조회 3,771
12-06-27 조회 3,358
12-06-24 조회 3,830
12-06-22 조회 4,140
12-06-22 조회 8,560
12-06-22 조회 3,213
12-06-21 조회 3,230
12-06-17 조회 3,860
12-06-14 조회 3,962
12-06-14 조회 3,243
12-06-08 조회 4,403
12-06-06 조회 3,354
12-06-04 조회 4,104
12-05-26 조회 4,950
12-05-26 조회 3,896
12-05-25 조회 3,185
12-05-24 조회 3,288
12-05-22 조회 3,325
12-05-20 조회 2,962
12-05-16 조회 3,107
12-05-15 조회 3,502
12-05-10 조회 3,936
12-05-08 조회 3,449
12-05-04 조회 3,300
12-05-03 조회 4,242
12-05-02 조회 3,397
12-05-02 조회 3,151
12-05-02 조회 3,260
12-04-26 조회 3,409