이전
목록
다음
B

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

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

댓글 3개

웹웹어드민
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-07-06 (금) 00:48:58
그건 탭을 누를때 마다 ajax로 페이지를 새로 불러주는 방법과
탭에 맞는 레이어를 모두 만들어 놓고 첫탭에 해당되는 레이어 빼고는 모두 숨겨 놓구 탭을 누를때 마다 탭에 맞는 레이어를 보여 주시고 나머지는 숨기고 이런식으로 하시면 될것 같네요..
몽몽키D팡야
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-07-06 (금) 06:41:39
넵!! 어제 바로 후루룩 만들어본결과 어떻에하는지 알게되었습니다.
제이쿼리 처음입문하는데 재미난기능들이 많군요 ㅎㅎ
gilynh
프로필 보기이 회원 글보기이 회원의 댓글보기
 2012-07-09 (월) 12:52:35
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건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 3,983
12-08-07 조회 3,647
12-08-03 조회 3,517
12-07-31 조회 3,625
12-07-30 조회 3,585
12-07-16 조회 3,796
12-07-15 조회 3,545
12-07-07 조회 3,496
12-07-06 조회 3,672
12-07-03 조회 3,655
12-06-29 조회 3,232
12-06-22 조회 3,604
12-06-17 조회 3,743
12-05-21 조회 3,787
12-05-02 조회 3,364
12-05-02 조회 4,159
12-05-02 조회 3,273
12-04-30 조회 3,446
12-04-30 조회 3,137
12-03-17 조회 3,989
12-03-10 조회 3,347
12-03-08 조회 3,819
12-03-03 조회 3,529
12-02-27 조회 4,950
12-02-17 조회 4,291
12-02-16 조회 4,508
12-02-03 조회 3,268
12-01-31 조회 3,059
12-01-24 조회 3,092
12-01-17 조회 3,841
12-01-05 조회 3,395
11-12-30 조회 3,042
11-12-23 조회 4,671
11-12-08 조회 3,390
11-12-07 조회 4,369
11-11-27 조회 3,791
11-11-25 조회 4,134
11-11-23 조회 3,542
11-11-22 조회 3,456
11-11-09 조회 3,189
11-10-23 조회 3,092
11-10-19 조회 3,068
11-10-08 조회 2,771
11-10-04 조회 2,780
11-10-04 조회 5,224
11-09-01 조회 4,282
11-08-13 조회 2,456
11-08-06 조회 3,149
11-07-11 조회 3,546
11-06-27 조회 2,922
11-06-21 조회 2,592
11-06-13 조회 2,374
11-06-07 조회 2,384
11-05-26 조회 2,377
11-04-20 조회 2,685
11-03-21 조회 2,772
11-03-18 조회 2,467
11-03-11 조회 2,510
11-02-07 조회 2,331
11-01-18 조회 2,644
11-01-12 조회 2,371
11-01-06 조회 2,485
10-12-10 조회 2,748
10-12-09 조회 2,440
10-12-08 조회 4,999
10-11-29 조회 2,563
10-11-28 조회 2,764
10-11-28 조회 2,604
10-11-19 조회 2,788
10-11-04 조회 2,681
10-10-21 조회 2,393
10-10-19 조회 3,343
10-10-12 조회 2,664
10-10-07 조회 2,496
10-09-30 조회 3,450
10-09-17 조회 3,847
10-09-17 조회 3,820
10-05-31 조회 3,481
09-12-31 조회 3,630
09-07-23 조회 4,948
08-09-16 조회 3,181
08-09-06 조회 2,914
08-09-04 조회 3,335
08-08-16 조회 4,389
08-08-15 조회 3,257
08-08-14 조회 4,465
08-08-12 조회 3,855
08-07-23 조회 2,766
08-07-10 조회 3,696
08-07-04 조회 2,918
08-06-27 조회 7,572
08-06-19 조회 4,861
08-05-27 조회 5,477
08-05-25 조회 5,308
08-05-23 조회 3,379
08-05-23 조회 4,512
08-05-21 조회 4,894
08-05-20 조회 4,020
08-05-20 조회 3,257
08-04-18 조회 4,288
글쓰기