B

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

· 13년 전 · 1269 · 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년 전 조회 969
13년 전 조회 6,268
13년 전 조회 1,208
13년 전 조회 1,415
13년 전 조회 5,243
13년 전 조회 1,887
13년 전 조회 2,697
13년 전 조회 2,091
13년 전 조회 1,297
13년 전 조회 1,384
13년 전 조회 1,291
13년 전 조회 1,016
13년 전 조회 1,401
13년 전 조회 7,962
13년 전 조회 3,367
13년 전 조회 1,115
13년 전 조회 2,158
13년 전 조회 2,358
13년 전 조회 4,860
13년 전 조회 1,203
13년 전 조회 2,381
13년 전 조회 923
13년 전 조회 1,346
13년 전 조회 1,389
13년 전 조회 924
13년 전 조회 1.1만
13년 전 조회 1,113
13년 전 조회 1,733
13년 전 조회 1,106
13년 전 조회 1,095
13년 전 조회 2,310
13년 전 조회 1,955
13년 전 조회 1,897
13년 전 조회 3,161
13년 전 조회 1,263
13년 전 조회 962
13년 전 조회 1,336
13년 전 조회 2,416
13년 전 조회 1,829
13년 전 조회 1,322
13년 전 조회 1,600
13년 전 조회 1,067
13년 전 조회 1,589
13년 전 조회 950
13년 전 조회 1,647
13년 전 조회 1,460
13년 전 조회 1,856
13년 전 조회 1,352
13년 전 조회 1,608
13년 전 조회 1,270
13년 전 조회 1,004
13년 전 조회 1,068
13년 전 조회 1,448
13년 전 조회 999
13년 전 조회 1,704
13년 전 조회 1,127
13년 전 조회 987
13년 전 조회 1,138
13년 전 조회 1,072
13년 전 조회 2,206
13년 전 조회 1,433
13년 전 조회 1,368
13년 전 조회 2,347
13년 전 조회 1,387
13년 전 조회 1,005
13년 전 조회 986
13년 전 조회 1,747
13년 전 조회 1,193
13년 전 조회 993
13년 전 조회 1,249
13년 전 조회 3,105
13년 전 조회 1,785
13년 전 조회 1,568
13년 전 조회 1,010
13년 전 조회 954
13년 전 조회 875
13년 전 조회 1,147
13년 전 조회 1,401
13년 전 조회 3,415
13년 전 조회 1,241
13년 전 조회 1,453
13년 전 조회 1,149
13년 전 조회 1,020
13년 전 조회 1,261
13년 전 조회 1,280
13년 전 조회 1,526
13년 전 조회 2,982
13년 전 조회 3,417
13년 전 조회 1,443
13년 전 조회 1,505
13년 전 조회 992
13년 전 조회 2,112
13년 전 조회 1,032
13년 전 조회 1,093
13년 전 조회 901
13년 전 조회 1,619
13년 전 조회 1,056
13년 전 조회 1,421
13년 전 조회 1,407
13년 전 조회 923