B

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

· 2012-07-05 (목) 15:46:14 · 3376 · 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,230
13-03-01 조회 5,561
13-03-01 조회 8,303
13-03-01 조회 6,292
13-02-26 조회 3,902
13-02-26 조회 3,851
13-02-26 조회 4,747
13-02-24 조회 8,163
13-02-24 조회 4,252
13-02-24 조회 3,493
13-02-24 조회 5,304
13-02-24 조회 5,298
13-02-24 조회 4,370
13-02-24 조회 5,704
13-02-24 조회 9,391
13-02-14 조회 5,100
13-02-13 조회 9,024
13-01-29 조회 7,664
13-01-24 조회 5,018
13-01-24 조회 4,895
13-01-17 조회 4,302
13-01-16 조회 4,325
13-01-08 조회 4,382
12-12-27 조회 4,051
12-12-20 조회 1.1만
12-12-20 조회 3,370
12-12-06 조회 4,363
12-12-01 조회 4,125
12-11-28 조회 5,686
12-11-25 조회 5,392
12-10-20 조회 4,655
12-10-03 조회 4,821
12-09-26 조회 4,986
12-09-15 조회 8,433
12-09-14 조회 5,453
12-09-11 조회 3,949
12-09-10 조회 3,974
12-09-05 조회 8,848
12-08-29 조회 4,643
12-08-26 조회 3,773
12-08-23 조회 3,481
12-08-22 조회 3,557
12-08-22 조회 4,378
12-08-21 조회 3,528
12-08-20 조회 3,449
12-08-20 조회 9,247
12-08-15 조회 4,362
12-08-13 조회 3,286
12-08-11 조회 4,707
12-08-05 조회 4,549
12-08-03 조회 3,334
12-08-03 조회 4,031
12-08-02 조회 5,011
12-07-29 조회 4,118
12-07-26 조회 3,702
12-07-26 조회 3,571
12-07-22 조회 3,478
12-07-20 조회 3,315
12-07-19 조회 4,179
12-07-19 조회 3,432
12-07-16 조회 3,553
12-07-16 조회 4,473
12-07-15 조회 3,544
12-07-12 조회 7,382
12-07-12 조회 5,019
12-07-11 조회 3,067
12-07-09 조회 3,229
12-07-05 조회 3,838
12-07-04 조회 4,415
12-07-04 조회 3,823
12-07-04 조회 4,345
12-06-29 조회 3,805
12-06-27 조회 3,384
12-06-24 조회 3,870
12-06-22 조회 4,177
12-06-22 조회 8,595
12-06-22 조회 3,247
12-06-21 조회 3,276
12-06-17 조회 3,897
12-06-14 조회 4,001
12-06-14 조회 3,277
12-06-08 조회 4,432
12-06-06 조회 3,388
12-06-04 조회 4,143
12-05-26 조회 4,970
12-05-26 조회 3,923
12-05-25 조회 3,222
12-05-24 조회 3,319
12-05-22 조회 3,368
12-05-20 조회 2,993
12-05-16 조회 3,130
12-05-15 조회 3,527
12-05-10 조회 3,957
12-05-08 조회 3,476
12-05-04 조회 3,323
12-05-03 조회 4,285
12-05-02 조회 3,421
12-05-02 조회 3,195
12-05-02 조회 3,286
12-04-26 조회 3,440