B

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

· 13년 전 · 1848 · 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();
});
});
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

+
제목 글쓴이 날짜 조회
13년 전 조회 1,441
13년 전 조회 6,792
13년 전 조회 1,724
13년 전 조회 1,925
13년 전 조회 5,739
13년 전 조회 2,402
13년 전 조회 3,200
13년 전 조회 2,612
13년 전 조회 1,785
13년 전 조회 1,920
13년 전 조회 1,836
13년 전 조회 1,540
13년 전 조회 1,919
13년 전 조회 8,468
13년 전 조회 3,870
13년 전 조회 1,601
13년 전 조회 2,770
13년 전 조회 2,877
13년 전 조회 5,464
13년 전 조회 1,715
13년 전 조회 2,901
13년 전 조회 1,433
13년 전 조회 1,842
13년 전 조회 1,916
13년 전 조회 1,421
13년 전 조회 1.1만
13년 전 조회 1,580
13년 전 조회 2,247
13년 전 조회 1,588
13년 전 조회 1,580
13년 전 조회 2,847
13년 전 조회 2,453
13년 전 조회 2,410
13년 전 조회 3,693
13년 전 조회 1,756
13년 전 조회 1,464
13년 전 조회 1,848
13년 전 조회 2,908
13년 전 조회 2,342
13년 전 조회 1,803
13년 전 조회 2,095
13년 전 조회 1,559
13년 전 조회 2,074
13년 전 조회 1,447
13년 전 조회 2,174
13년 전 조회 1,943
13년 전 조회 2,356
13년 전 조회 1,857
13년 전 조회 2,125
13년 전 조회 1,849
13년 전 조회 1,531
13년 전 조회 1,581
13년 전 조회 1,927
13년 전 조회 1,495
13년 전 조회 2,229
13년 전 조회 1,638
13년 전 조회 1,503
13년 전 조회 1,708
13년 전 조회 1,556
13년 전 조회 2,709
13년 전 조회 1,911
13년 전 조회 1,842
13년 전 조회 2,848
13년 전 조회 1,887
13년 전 조회 1,478
13년 전 조회 1,490
13년 전 조회 2,235
13년 전 조회 1,671
13년 전 조회 1,479
13년 전 조회 1,746
13년 전 조회 3,601
13년 전 조회 2,273
13년 전 조회 2,036
13년 전 조회 1,495
13년 전 조회 1,440
13년 전 조회 1,380
13년 전 조회 1,630
13년 전 조회 1,879
13년 전 조회 4,003
13년 전 조회 1,733
13년 전 조회 1,919
13년 전 조회 1,599
13년 전 조회 1,520
13년 전 조회 1,760
13년 전 조회 1,755
13년 전 조회 2,034
13년 전 조회 3,455
13년 전 조회 3,873
13년 전 조회 1,941
13년 전 조회 2,082
13년 전 조회 1,493
13년 전 조회 2,652
13년 전 조회 1,499
13년 전 조회 1,600
13년 전 조회 1,403
13년 전 조회 2,100
13년 전 조회 1,527
13년 전 조회 1,942
13년 전 조회 1,907
13년 전 조회 1,420