B

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

· 2012-07-05 (목) 15:46:14 · 3377 · 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건
+
제목 글쓴이 날짜 조회
12-08-29 조회 5,615
12-08-21 조회 3,575
12-08-21 조회 3,669
12-08-05 조회 3,593
12-08-04 조회 4,583
12-07-31 조회 9,474
12-07-26 조회 3,981
12-07-24 조회 3,598
12-07-20 조회 3,640
12-07-15 조회 3,582
12-07-09 조회 4,822
12-07-09 조회 3,511
12-07-09 조회 3,390
12-07-06 조회 4,257
12-07-05 조회 3,360
12-07-05 조회 3,416
12-06-30 조회 3,525
12-06-29 조회 3,319
12-06-26 조회 3,555
12-06-18 조회 3,437
12-06-18 조회 3,572
12-05-31 조회 3,692
12-05-29 조회 4,461
12-05-23 조회 3,552
12-05-22 조회 3,853
12-05-17 조회 4,740
12-05-10 조회 3,583
12-05-06 조회 3,468
12-05-04 조회 3,128
12-04-25 조회 3,641
12-04-21 조회 3,154
12-04-21 조회 4,532
12-04-20 조회 3,616
12-04-10 조회 3,105
12-04-06 조회 2,961
12-04-05 조회 3,303
12-04-05 조회 3,985
12-03-31 조회 3,127
12-03-30 조회 3,187
12-03-29 조회 3,081
12-03-28 조회 3,110
12-03-27 조회 3,429
12-03-26 조회 3,794
12-03-23 조회 3,006
12-03-20 조회 3,065
12-03-12 조회 3,019
12-03-12 조회 3,331
12-03-12 조회 3,230
12-03-12 조회 4,174
12-03-12 조회 5,800
12-03-12 조회 3,781
12-03-12 조회 5,587
12-03-12 조회 3,809
12-03-12 조회 6,205
12-03-06 조회 3,134
12-03-04 조회 4,278
12-03-02 조회 4,183
12-02-16 조회 5,272
12-02-15 조회 4,725
12-02-11 조회 3,092
12-02-08 조회 2,955
12-02-08 조회 3,976
12-02-07 조회 3,363
12-01-30 조회 3,215
12-01-29 조회 3,511
12-01-25 조회 3,494
12-01-19 조회 3,124
12-01-12 조회 3,150
11-12-30 조회 3,776
11-12-29 조회 3,171
11-12-26 조회 3,181
11-12-26 조회 3,090
11-12-17 조회 4,198
11-12-17 조회 3,489
11-12-01 조회 3,146
11-11-19 조회 4,326
11-11-14 조회 4,201
11-11-14 조회 2,802
11-11-10 조회 3,029
11-11-10 조회 3,697
11-10-27 조회 2,579
11-10-26 조회 2,662
11-10-25 조회 2,584
11-10-17 조회 3,765
11-10-10 조회 2,637
11-10-03 조회 2,691
11-09-28 조회 2,543
11-09-28 조회 4,045
11-09-26 조회 2,526
11-09-26 조회 2,644
11-09-25 조회 2,990
11-09-19 조회 6,122
11-09-09 조회 3,067
11-09-08 조회 3,387
11-08-31 조회 3,202
11-08-29 조회 5,168
11-08-25 조회 2,856
11-08-23 조회 2,537
11-08-21 조회 2,561
11-08-19 조회 2,463