B

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

· 2012-07-05 (목) 15:46:14 · 3247 · 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-02-18 조회 3,516
13-02-15 조회 3,943
13-02-12 조회 5,791
13-02-04 조회 4,078
13-01-30 조회 4,937
13-01-25 조회 3,697
13-01-18 조회 3,756
13-01-18 조회 5,497
13-01-18 조회 6,129
13-01-18 조회 3,779
13-01-18 조회 4,741
13-01-17 조회 4,081
13-01-17 조회 3,571
13-01-17 조회 3,626
13-01-17 조회 3,966
12-12-31 조회 3,557
12-12-28 조회 4,901
12-12-28 조회 5,958
12-12-28 조회 3,403
12-12-27 조회 3,592
12-12-27 조회 4,282
12-12-20 조회 5,230
12-12-18 조회 9,076
12-12-14 조회 4,887
12-12-10 조회 3,649
12-12-10 조회 3,110
12-12-01 조회 3,819
12-11-25 조회 7,304
12-11-22 조회 5,914
12-11-20 조회 2.4만
12-11-19 조회 4,311
12-11-13 조회 3,862
12-11-12 조회 3,865
12-10-23 조회 4,708
12-09-25 조회 4,348
12-09-05 조회 6,938
12-09-04 조회 7,501
12-09-04 조회 3,418
12-08-30 조회 3,396
12-08-30 조회 3,605
12-08-29 조회 3,335
12-08-29 조회 3,156
12-08-26 조회 3,461
12-08-18 조회 3,720
12-08-17 조회 3,990
12-08-16 조회 3,544
12-08-14 조회 3,184
12-08-13 조회 5,588
12-08-13 조회 3,348
12-08-11 조회 3,641
12-08-10 조회 3,210
12-08-07 조회 3,966
12-08-07 조회 3,197
12-08-06 조회 3,413
12-07-31 조회 3,170
12-07-30 조회 3,496
12-07-30 조회 3,125
12-07-29 조회 3,300
12-07-29 조회 3,051
12-07-27 조회 3,106
12-07-21 조회 2,978
12-07-19 조회 3,187
12-07-19 조회 2,777
12-07-17 조회 3,405
12-07-17 조회 3,045
12-07-17 조회 3,948
12-07-16 조회 2,989
12-07-15 조회 3,109
12-07-14 조회 3,164
12-07-13 조회 8,252
12-07-11 조회 3,385
12-07-10 조회 9,947
12-07-09 조회 3,157
12-07-08 조회 4,342
12-07-06 조회 3,630
12-07-05 조회 3,911
12-07-05 조회 3,327
12-07-05 조회 3,212
12-07-03 조회 3,221
12-07-03 조회 3,164
12-07-02 조회 3,210
12-07-02 조회 2,830
12-06-30 조회 3,431
12-06-26 조회 3,141
12-06-22 조회 3,180
12-06-22 조회 3,130
12-06-21 조회 3,102
12-06-21 조회 3,324
12-06-20 조회 3,493
12-06-20 조회 3,160
12-06-20 조회 3,068
12-06-18 조회 3,949
12-06-17 조회 3,380
12-06-15 조회 3,001
12-06-14 조회 2,906
12-06-13 조회 3,504
12-06-11 조회 3,324
12-06-08 조회 3,306
12-06-06 조회 3,162
12-06-06 조회 3,551