B

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

· 13년 전 · 1099 · 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년 전 조회 790
13년 전 조회 6,120
13년 전 조회 1,064
13년 전 조회 1,276
13년 전 조회 5,096
13년 전 조회 1,734
13년 전 조회 2,548
13년 전 조회 1,926
13년 전 조회 1,143
13년 전 조회 1,213
13년 전 조회 1,135
13년 전 조회 846
13년 전 조회 1,236
13년 전 조회 7,790
13년 전 조회 3,204
13년 전 조회 952
13년 전 조회 1,981
13년 전 조회 2,190
13년 전 조회 4,719
13년 전 조회 1,028
13년 전 조회 2,204
13년 전 조회 751
13년 전 조회 1,174
13년 전 조회 1,227
13년 전 조회 778
13년 전 조회 1.1만
13년 전 조회 951
13년 전 조회 1,544
13년 전 조회 939
13년 전 조회 932
13년 전 조회 2,150
13년 전 조회 1,785
13년 전 조회 1,735
13년 전 조회 3,003
13년 전 조회 1,106
13년 전 조회 805
13년 전 조회 1,167
13년 전 조회 2,239
13년 전 조회 1,657
13년 전 조회 1,167
13년 전 조회 1,435
13년 전 조회 902
13년 전 조회 1,435
13년 전 조회 785
13년 전 조회 1,458
13년 전 조회 1,288
13년 전 조회 1,685
13년 전 조회 1,180
13년 전 조회 1,431
13년 전 조회 1,100
13년 전 조회 821
13년 전 조회 902
13년 전 조회 1,284
13년 전 조회 820
13년 전 조회 1,533
13년 전 조회 934
13년 전 조회 839
13년 전 조회 971
13년 전 조회 900
13년 전 조회 2,037
13년 전 조회 1,243
13년 전 조회 1,203
13년 전 조회 2,150
13년 전 조회 1,198
13년 전 조회 820
13년 전 조회 812
13년 전 조회 1,557
13년 전 조회 1,007
13년 전 조회 803
13년 전 조회 1,056
13년 전 조회 2,934
13년 전 조회 1,603
13년 전 조회 1,395
13년 전 조회 850
13년 전 조회 782
13년 전 조회 710
13년 전 조회 975
13년 전 조회 1,210
13년 전 조회 3,230
13년 전 조회 1,050
13년 전 조회 1,265
13년 전 조회 970
13년 전 조회 835
13년 전 조회 1,072
13년 전 조회 1,083
13년 전 조회 1,347
13년 전 조회 2,776
13년 전 조회 3,226
13년 전 조회 1,242
13년 전 조회 1,314
13년 전 조회 779
13년 전 조회 1,934
13년 전 조회 854
13년 전 조회 928
13년 전 조회 731
13년 전 조회 1,443
13년 전 조회 869
13년 전 조회 1,241
13년 전 조회 1,236
13년 전 조회 738
🐛 버그신고