B

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

· 2012-07-05 (목) 15:46:14 · 3372 · 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-07-14 조회 5,461
13-07-14 조회 5,422
13-07-14 조회 4,713
13-07-14 조회 4,319
13-07-14 조회 4,183
13-07-14 조회 4,240
13-07-14 조회 4,968
13-07-14 조회 4,644
13-07-14 조회 4,391
13-07-14 조회 5,426
13-07-14 조회 5,327
13-07-14 조회 5,093
13-07-14 조회 4,817
13-07-14 조회 5,504
13-07-13 조회 3,770
13-07-01 조회 5,773
13-07-01 조회 5,856
13-07-01 조회 3,958
13-07-01 조회 5,450
13-05-27 조회 4,017
13-05-21 조회 5,063
13-05-02 조회 1만
13-04-29 조회 5,260
13-04-15 조회 5,509
13-04-13 조회 6,446
13-02-27 조회 4,138
13-02-26 조회 6,528
13-02-12 조회 5,295
13-02-01 조회 2.3만
13-01-23 조회 3,580
13-01-09 조회 8,062
13-01-07 조회 4,975
13-01-07 조회 3,725
13-01-04 조회 1.3만
13-01-03 조회 1.2만
12-12-31 조회 6,415
12-12-27 조회 4,548
12-12-27 조회 4,231
12-12-27 조회 8,905
12-12-18 조회 3,722
12-12-12 조회 3,752
12-12-12 조회 6,789
12-12-12 조회 8,203
12-12-05 조회 5,493
12-12-01 조회 6,805
12-11-22 조회 4,711
12-11-09 조회 5,562
12-11-09 조회 7,627
12-10-29 조회 4,835
12-10-16 조회 6,383
12-10-09 조회 5,453
12-09-02 조회 4,563
12-09-01 조회 3,673
12-08-30 조회 4,332
12-08-30 조회 4,326
12-08-28 조회 3,667
12-08-21 조회 7,240
12-08-20 조회 3,762
12-08-18 조회 5,181
12-08-18 조회 3,553
12-08-11 조회 3,704
12-08-09 조회 3,876
12-08-07 조회 3,855
12-08-07 조회 4,432
12-08-01 조회 4,692
12-08-01 조회 4,581
12-07-20 조회 9,936
12-07-17 조회 4,300
12-07-15 조회 4,056
12-07-10 조회 4,326
12-07-09 조회 7,039
12-07-05 조회 3,373
12-07-04 조회 3,533
12-06-30 조회 5,768
12-06-28 조회 3,869
12-06-20 조회 4,026
12-06-16 조회 3,330
12-06-14 조회 3,977
12-06-07 조회 4,001
12-06-06 조회 6,362
12-05-27 조회 4,579
12-05-25 조회 3,331
12-05-25 조회 3,151
12-05-24 조회 3,270
12-05-24 조회 4,617
12-05-23 조회 3,996
12-05-22 조회 6,606
12-05-15 조회 4,139
12-05-15 조회 3,687
12-05-14 조회 3,126
12-05-12 조회 3,576
12-05-11 조회 7,078
12-05-07 조회 4,510
12-04-28 조회 3,709
12-04-25 조회 5,364
12-04-15 조회 3,941
12-04-12 조회 4,787
12-04-11 조회 3,548
12-04-08 조회 3,401
12-03-21 조회 6,445