B

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

· 2012-07-05 (목) 15:46:14 · 3423 · 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-04-26 조회 3,868
12-04-24 조회 3,249
12-04-23 조회 4,575
12-04-22 조회 3,264
12-04-19 조회 3,358
12-04-18 조회 4,426
12-04-18 조회 3,120
12-04-17 조회 3,395
12-04-17 조회 5,150
12-04-16 조회 3,577
12-04-13 조회 3,125
12-04-09 조회 3,181
12-04-04 조회 3,955
12-04-01 조회 3,232
12-03-31 조회 3,634
12-03-30 조회 3,243
12-03-30 조회 3,909
12-03-26 조회 3,521
12-03-26 조회 3,090
12-03-22 조회 3,245
12-03-21 조회 3,101
12-03-19 조회 3,514
12-03-17 조회 3,532
12-03-14 조회 3,266
12-03-10 조회 3,937
12-03-09 조회 3,535
12-03-09 조회 3,356
12-03-08 조회 3,827
12-03-08 조회 3,992
12-03-08 조회 4,085
12-03-03 조회 3,350
12-03-02 조회 4,670
12-02-28 조회 3,194
12-02-27 조회 3,023
12-02-25 조회 3,165
12-02-24 조회 3,860
12-02-23 조회 3,129
12-02-22 조회 3,653
12-02-22 조회 5,414
12-02-22 조회 3,986
12-02-22 조회 4,308
12-02-18 조회 3,811
12-02-17 조회 3,030
12-02-17 조회 3,438
12-02-14 조회 3,505
12-02-13 조회 3,395
12-02-10 조회 1만
12-02-08 조회 3,053
12-02-07 조회 3,387
12-02-06 조회 3,116
12-02-05 조회 3,580
12-01-31 조회 3,504
12-01-30 조회 9,695
12-01-29 조회 3,850
12-01-26 조회 3,446
12-01-25 조회 4,059
12-01-24 조회 3,452
12-01-10 조회 3,755
12-01-10 조회 4,522
12-01-09 조회 3,292
12-01-08 조회 7,155
12-01-08 조회 3,678
12-01-07 조회 5,208
12-01-04 조회 3,911
12-01-02 조회 3,133
12-01-02 조회 3,183
12-01-02 조회 3,487
12-01-01 조회 3,122
11-12-31 조회 3,433
11-12-31 조회 3,116
11-12-30 조회 3,284
11-12-30 조회 3,438
11-12-29 조회 3,652
11-12-28 조회 3,741
11-12-26 조회 3,319
11-12-23 조회 3,538
11-12-22 조회 3,082
11-12-15 조회 4,175
11-12-08 조회 3,975
11-12-05 조회 3,318
11-12-04 조회 5,731
11-12-03 조회 3,610
11-12-02 조회 3,383
11-12-01 조회 5,458
11-11-30 조회 2,934
11-11-30 조회 2,836
11-11-28 조회 3,184
11-11-26 조회 3,380
11-11-25 조회 3,375
11-11-24 조회 2,974
11-11-22 조회 3,071
11-11-22 조회 2,911
11-11-17 조회 2,843
11-11-11 조회 2,839
11-11-09 조회 2,891
11-11-08 조회 3,273
11-11-08 조회 2,566
11-11-04 조회 3,651
11-11-01 조회 2,953
11-10-26 조회 2,544