이전
목록
다음
B

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

몽키D팡야
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-07-05 (목) 15:46:14 · 3401 · 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 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
13-07-14 조회 5,474
13-07-14 조회 5,434
13-07-14 조회 4,743
13-07-14 조회 4,333
13-07-14 조회 4,203
13-07-14 조회 4,255
13-07-14 조회 4,987
13-07-14 조회 4,698
13-07-14 조회 4,406
13-07-14 조회 5,440
13-07-14 조회 5,344
13-07-14 조회 5,103
13-07-14 조회 4,833
13-07-14 조회 5,518
13-07-13 조회 3,776
13-07-01 조회 5,790
13-07-01 조회 5,873
13-07-01 조회 3,969
13-07-01 조회 5,462
13-05-27 조회 4,035
13-05-21 조회 5,089
13-05-02 조회 1만
13-04-29 조회 5,275
13-04-15 조회 5,519
13-04-13 조회 6,453
13-02-27 조회 4,164
13-02-26 조회 6,543
13-02-12 조회 5,310
13-02-01 조회 2.4만
13-01-23 조회 3,589
13-01-09 조회 8,078
13-01-07 조회 4,985
13-01-07 조회 3,733
13-01-04 조회 1.3만
13-01-03 조회 1.2만
12-12-31 조회 6,431
12-12-27 조회 4,559
12-12-27 조회 4,241
12-12-27 조회 8,926
12-12-18 조회 3,735
12-12-12 조회 3,766
12-12-12 조회 6,804
12-12-12 조회 8,215
12-12-05 조회 5,505
12-12-01 조회 6,812
12-11-22 조회 4,729
12-11-09 조회 5,593
12-11-09 조회 7,634
12-10-29 조회 4,850
12-10-16 조회 6,399
12-10-09 조회 5,476
12-09-02 조회 4,580
12-09-01 조회 3,693
12-08-30 조회 4,355
12-08-30 조회 4,353
12-08-28 조회 3,688
12-08-21 조회 7,252
12-08-20 조회 3,784
12-08-18 조회 5,195
12-08-18 조회 3,562
12-08-11 조회 3,718
12-08-09 조회 3,888
12-08-07 조회 3,873
12-08-07 조회 4,454
12-08-01 조회 4,711
12-08-01 조회 4,601
12-07-20 조회 9,965
12-07-17 조회 4,312
12-07-15 조회 4,080
12-07-10 조회 4,348
12-07-09 조회 7,061
12-07-05 조회 3,402
12-07-04 조회 3,542
12-06-30 조회 5,790
12-06-28 조회 3,883
12-06-20 조회 4,052
12-06-16 조회 3,350
12-06-14 조회 3,994
12-06-07 조회 4,017
12-06-06 조회 6,378
12-05-27 조회 4,599
12-05-25 조회 3,346
12-05-25 조회 3,178
12-05-24 조회 3,281
12-05-24 조회 4,626
12-05-23 조회 4,009
12-05-22 조회 6,621
12-05-15 조회 4,149
12-05-15 조회 3,704
12-05-14 조회 3,143
12-05-12 조회 3,595
12-05-11 조회 7,093
12-05-07 조회 4,532
12-04-28 조회 3,725
12-04-25 조회 5,376
12-04-15 조회 3,964
12-04-12 조회 4,806
12-04-11 조회 3,558
12-04-08 조회 3,412
12-03-21 조회 6,462
글쓰기