B

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

· 13년 전 · 2044 · 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,761
13년 전 조회 7,035
13년 전 조회 2,046
13년 전 조회 2,164
13년 전 조회 5,990
13년 전 조회 2,693
13년 전 조회 3,530
13년 전 조회 2,916
13년 전 조회 2,105
13년 전 조회 2,166
13년 전 조회 2,102
13년 전 조회 1,791
13년 전 조회 2,185
13년 전 조회 8,723
13년 전 조회 4,168
13년 전 조회 1,909
13년 전 조회 2,962
13년 전 조회 3,131
13년 전 조회 5,669
13년 전 조회 1,965
13년 전 조회 3,203
13년 전 조회 1,722
13년 전 조회 2,150
13년 전 조회 2,164
13년 전 조회 1,698
13년 전 조회 1.2만
13년 전 조회 1,843
13년 전 조회 2,543
13년 전 조회 1,893
13년 전 조회 1,880
13년 전 조회 3,089
13년 전 조회 2,762
13년 전 조회 2,711
13년 전 조회 3,928
13년 전 조회 2,052
13년 전 조회 1,783
13년 전 조회 2,105
13년 전 조회 3,199
13년 전 조회 2,572
13년 전 조회 2,107
13년 전 조회 2,380
13년 전 조회 1,870
13년 전 조회 2,399
13년 전 조회 1,773
13년 전 조회 2,403
13년 전 조회 2,259
13년 전 조회 2,675
13년 전 조회 2,180
13년 전 조회 2,439
13년 전 조회 2,045
13년 전 조회 1,852
13년 전 조회 1,885
13년 전 조회 2,243
13년 전 조회 1,802
13년 전 조회 2,499
13년 전 조회 1,950
13년 전 조회 1,815
13년 전 조회 1,959
13년 전 조회 1,885
13년 전 조회 2,975
13년 전 조회 2,236
13년 전 조회 2,162
13년 전 조회 3,083
13년 전 조회 2,213
13년 전 조회 1,755
13년 전 조회 1,819
13년 전 조회 2,569
13년 전 조회 1,993
13년 전 조회 1,795
13년 전 조회 1,992
13년 전 조회 3,905
13년 전 조회 2,583
13년 전 조회 2,374
13년 전 조회 1,833
13년 전 조회 1,773
13년 전 조회 1,638
13년 전 조회 1,940
13년 전 조회 2,150
13년 전 조회 4,254
13년 전 조회 2,058
13년 전 조회 2,251
13년 전 조회 1,933
13년 전 조회 1,825
13년 전 조회 2,027
13년 전 조회 2,027
13년 전 조회 2,279
13년 전 조회 3,769
13년 전 조회 4,209
13년 전 조회 2,248
13년 전 조회 2,334
13년 전 조회 1,827
13년 전 조회 2,884
13년 전 조회 1,855
13년 전 조회 1,909
13년 전 조회 1,735
13년 전 조회 2,361
13년 전 조회 1,854
13년 전 조회 2,258
13년 전 조회 2,191
13년 전 조회 1,737