B

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

· 13년 전 · 1252 · 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년 전 조회 961
13년 전 조회 6,263
13년 전 조회 1,204
13년 전 조회 1,410
13년 전 조회 5,233
13년 전 조회 1,881
13년 전 조회 2,689
13년 전 조회 2,083
13년 전 조회 1,284
13년 전 조회 1,376
13년 전 조회 1,284
13년 전 조회 1,005
13년 전 조회 1,393
13년 전 조회 7,951
13년 전 조회 3,363
13년 전 조회 1,108
13년 전 조회 2,146
13년 전 조회 2,352
13년 전 조회 4,851
13년 전 조회 1,197
13년 전 조회 2,370
13년 전 조회 910
13년 전 조회 1,334
13년 전 조회 1,380
13년 전 조회 911
13년 전 조회 1.1만
13년 전 조회 1,103
13년 전 조회 1,721
13년 전 조회 1,093
13년 전 조회 1,087
13년 전 조회 2,302
13년 전 조회 1,944
13년 전 조회 1,887
13년 전 조회 3,156
13년 전 조회 1,254
13년 전 조회 956
13년 전 조회 1,325
13년 전 조회 2,407
13년 전 조회 1,819
13년 전 조회 1,309
13년 전 조회 1,589
13년 전 조회 1,057
13년 전 조회 1,578
13년 전 조회 939
13년 전 조회 1,635
13년 전 조회 1,452
13년 전 조회 1,848
13년 전 조회 1,338
13년 전 조회 1,595
13년 전 조회 1,253
13년 전 조회 991
13년 전 조회 1,060
13년 전 조회 1,437
13년 전 조회 986
13년 전 조회 1,695
13년 전 조회 1,110
13년 전 조회 974
13년 전 조회 1,124
13년 전 조회 1,062
13년 전 조회 2,193
13년 전 조회 1,425
13년 전 조회 1,359
13년 전 조회 2,332
13년 전 조회 1,374
13년 전 조회 993
13년 전 조회 977
13년 전 조회 1,736
13년 전 조회 1,180
13년 전 조회 982
13년 전 조회 1,243
13년 전 조회 3,095
13년 전 조회 1,776
13년 전 조회 1,557
13년 전 조회 1,000
13년 전 조회 947
13년 전 조회 867
13년 전 조회 1,136
13년 전 조회 1,389
13년 전 조회 3,402
13년 전 조회 1,227
13년 전 조회 1,440
13년 전 조회 1,136
13년 전 조회 1,011
13년 전 조회 1,245
13년 전 조회 1,267
13년 전 조회 1,518
13년 전 조회 2,967
13년 전 조회 3,403
13년 전 조회 1,425
13년 전 조회 1,490
13년 전 조회 980
13년 전 조회 2,105
13년 전 조회 1,021
13년 전 조회 1,083
13년 전 조회 892
13년 전 조회 1,604
13년 전 조회 1,042
13년 전 조회 1,412
13년 전 조회 1,398
13년 전 조회 912