B

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

· 2012-07-05 (목) 15:46:14 · 3243 · 3
제이쿼리는 처음으로 입문해봅니다.
php만 똑딱똑딱거리니 이제 다른것도 배워보자싶어서
 
제이쿼리 들어왔습니다.
 
탭메뉴을 만들려고하는데요
 
1번 2번 3번
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
ㅁㅁㅁㅁㅁ
 
숫자을 누를때마다 ㅁㅁㅁ<<나온부분이 다르게 나오게하고싶은데
어떻에해야할지 설명좀해주실분있으신가유? ㅠㅠ
 
 
|

댓글 3개

2012-07-06 (금) 00:48:58
그건 탭을 누를때 마다 ajax로 페이지를 새로 불러주는 방법과
탭에 맞는 레이어를 모두 만들어 놓고 첫탭에 해당되는 레이어 빼고는 모두 숨겨 놓구 탭을 누를때 마다 탭에 맞는 레이어를 보여 주시고 나머지는 숨기고 이런식으로 하시면 될것 같네요..
2012-07-06 (금) 06:41:39
넵!! 어제 바로 후루룩 만들어본결과 어떻에하는지 알게되었습니다.
제이쿼리 처음입문하는데 재미난기능들이 많군요 ㅎㅎ
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,382
13-07-14 조회 5,349
13-07-14 조회 4,625
13-07-14 조회 4,227
13-07-14 조회 4,071
13-07-14 조회 4,146
13-07-14 조회 4,869
13-07-14 조회 4,513
13-07-14 조회 4,291
13-07-14 조회 5,338
13-07-14 조회 5,217
13-07-14 조회 5,013
13-07-14 조회 4,715
13-07-14 조회 5,366
13-07-13 조회 3,560
13-07-01 조회 5,589
13-07-01 조회 5,753
13-07-01 조회 3,842
13-07-01 조회 5,190
13-05-27 조회 3,943
13-05-21 조회 4,840
13-05-02 조회 1만
13-04-29 조회 5,172
13-04-15 조회 5,439
13-04-13 조회 6,304
13-02-27 조회 3,817
13-02-26 조회 6,425
13-02-12 조회 4,996
13-02-01 조회 2.3만
13-01-23 조회 3,336
13-01-09 조회 7,977
13-01-07 조회 4,916
13-01-07 조회 3,615
13-01-04 조회 1.3만
13-01-03 조회 1.2만
12-12-31 조회 6,114
12-12-27 조회 4,420
12-12-27 조회 4,060
12-12-27 조회 8,689
12-12-18 조회 3,590
12-12-12 조회 3,657
12-12-12 조회 6,632
12-12-12 조회 8,110
12-12-05 조회 5,232
12-12-01 조회 6,634
12-11-22 조회 4,582
12-11-09 조회 5,394
12-11-09 조회 7,471
12-10-29 조회 4,736
12-10-16 조회 6,279
12-10-09 조회 5,244
12-09-02 조회 4,426
12-09-01 조회 3,521
12-08-30 조회 4,196
12-08-30 조회 4,177
12-08-28 조회 3,511
12-08-21 조회 7,131
12-08-20 조회 3,659
12-08-18 조회 5,050
12-08-18 조회 3,411
12-08-11 조회 3,566
12-08-09 조회 3,668
12-08-07 조회 3,601
12-08-07 조회 4,191
12-08-01 조회 4,537
12-08-01 조회 4,323
12-07-20 조회 9,816
12-07-17 조회 4,087
12-07-15 조회 3,885
12-07-10 조회 4,193
12-07-09 조회 6,906
12-07-05 조회 3,244
12-07-04 조회 3,409
12-06-30 조회 5,670
12-06-28 조회 3,740
12-06-20 조회 3,874
12-06-16 조회 3,131
12-06-14 조회 3,837
12-06-07 조회 3,827
12-06-06 조회 6,097
12-05-27 조회 4,375
12-05-25 조회 3,176
12-05-25 조회 2,950
12-05-24 조회 3,051
12-05-24 조회 4,504
12-05-23 조회 3,870
12-05-22 조회 6,480
12-05-15 조회 3,821
12-05-15 조회 3,611
12-05-14 조회 3,033
12-05-12 조회 3,505
12-05-11 조회 6,941
12-05-07 조회 4,407
12-04-28 조회 3,609
12-04-25 조회 5,222
12-04-15 조회 3,830
12-04-12 조회 4,667
12-04-11 조회 3,415
12-04-08 조회 3,200
12-03-21 조회 6,348