B

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

· 13년 전 · 1983 · 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,704
13년 전 조회 6,982
13년 전 조회 1,995
13년 전 조회 2,107
13년 전 조회 5,952
13년 전 조회 2,662
13년 전 조회 3,497
13년 전 조회 2,874
13년 전 조회 2,054
13년 전 조회 2,114
13년 전 조회 2,040
13년 전 조회 1,745
13년 전 조회 2,122
13년 전 조회 8,672
13년 전 조회 4,124
13년 전 조회 1,870
13년 전 조회 2,913
13년 전 조회 3,063
13년 전 조회 5,616
13년 전 조회 1,908
13년 전 조회 3,166
13년 전 조회 1,688
13년 전 조회 2,095
13년 전 조회 2,105
13년 전 조회 1,652
13년 전 조회 1.1만
13년 전 조회 1,772
13년 전 조회 2,494
13년 전 조회 1,841
13년 전 조회 1,834
13년 전 조회 3,033
13년 전 조회 2,724
13년 전 조회 2,663
13년 전 조회 3,881
13년 전 조회 2,010
13년 전 조회 1,748
13년 전 조회 2,032
13년 전 조회 3,161
13년 전 조회 2,513
13년 전 조회 2,056
13년 전 조회 2,304
13년 전 조회 1,830
13년 전 조회 2,348
13년 전 조회 1,714
13년 전 조회 2,343
13년 전 조회 2,204
13년 전 조회 2,638
13년 전 조회 2,134
13년 전 조회 2,396
13년 전 조회 1,984
13년 전 조회 1,813
13년 전 조회 1,839
13년 전 조회 2,192
13년 전 조회 1,759
13년 전 조회 2,435
13년 전 조회 1,898
13년 전 조회 1,777
13년 전 조회 1,907
13년 전 조회 1,830
13년 전 조회 2,929
13년 전 조회 2,188
13년 전 조회 2,123
13년 전 조회 3,028
13년 전 조회 2,159
13년 전 조회 1,694
13년 전 조회 1,764
13년 전 조회 2,512
13년 전 조회 1,937
13년 전 조회 1,744
13년 전 조회 1,926
13년 전 조회 3,846
13년 전 조회 2,529
13년 전 조회 2,322
13년 전 조회 1,777
13년 전 조회 1,732
13년 전 조회 1,581
13년 전 조회 1,898
13년 전 조회 2,079
13년 전 조회 4,206
13년 전 조회 2,010
13년 전 조회 2,198
13년 전 조회 1,876
13년 전 조회 1,773
13년 전 조회 1,959
13년 전 조회 1,957
13년 전 조회 2,217
13년 전 조회 3,715
13년 전 조회 4,150
13년 전 조회 2,211
13년 전 조회 2,281
13년 전 조회 1,776
13년 전 조회 2,838
13년 전 조회 1,801
13년 전 조회 1,857
13년 전 조회 1,673
13년 전 조회 2,294
13년 전 조회 1,817
13년 전 조회 2,203
13년 전 조회 2,118
13년 전 조회 1,679