B

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

· 13년 전 · 2171 · 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,967
13년 전 조회 7,154
13년 전 조회 2,247
13년 전 조회 2,293
13년 전 조회 6,114
13년 전 조회 2,914
13년 전 조회 3,729
13년 전 조회 3,108
13년 전 조회 2,327
13년 전 조회 2,290
13년 전 조회 2,221
13년 전 조회 1,905
13년 전 조회 2,310
13년 전 조회 8,838
13년 전 조회 4,366
13년 전 조회 2,123
13년 전 조회 3,082
13년 전 조회 3,244
13년 전 조회 5,778
13년 전 조회 2,085
13년 전 조회 3,401
13년 전 조회 1,919
13년 전 조회 2,338
13년 전 조회 2,258
13년 전 조회 1,811
13년 전 조회 1.2만
13년 전 조회 1,976
13년 전 조회 2,733
13년 전 조회 2,103
13년 전 조회 2,099
13년 전 조회 3,218
13년 전 조회 2,970
13년 전 조회 2,902
13년 전 조회 4,067
13년 전 조회 2,264
13년 전 조회 2,008
13년 전 조회 2,233
13년 전 조회 3,401
13년 전 조회 2,713
13년 전 조회 2,328
13년 전 조회 2,488
13년 전 조회 2,080
13년 전 조회 2,594
13년 전 조회 1,980
13년 전 조회 2,526
13년 전 조회 2,461
13년 전 조회 2,869
13년 전 조회 2,368
13년 전 조회 2,632
13년 전 조회 2,172
13년 전 조회 2,048
13년 전 조회 2,118
13년 전 조회 2,436
13년 전 조회 2,000
13년 전 조회 2,626
13년 전 조회 2,122
13년 전 조회 1,997
13년 전 조회 2,173
13년 전 조회 2,109
13년 전 조회 3,102
13년 전 조회 2,431
13년 전 조회 2,362
13년 전 조회 3,213
13년 전 조회 2,414
13년 전 조회 1,889
13년 전 조회 2,022
13년 전 조회 2,756
13년 전 조회 2,196
13년 전 조회 1,996
13년 전 조회 2,124
13년 전 조회 4,099
13년 전 조회 2,787
13년 전 조회 2,576
13년 전 조회 2,021
13년 전 조회 1,958
13년 전 조회 1,780
13년 전 조회 2,168
13년 전 조회 2,278
13년 전 조회 4,448
13년 전 조회 2,249
13년 전 조회 2,444
13년 전 조회 2,124
13년 전 조회 2,020
13년 전 조회 2,157
13년 전 조회 2,156
13년 전 조회 2,400
13년 전 조회 3,977
13년 전 조회 4,419
13년 전 조회 2,456
13년 전 조회 2,535
13년 전 조회 1,997
13년 전 조회 2,998
13년 전 조회 2,069
13년 전 조회 2,084
13년 전 조회 1,926
13년 전 조회 2,513
13년 전 조회 2,048
13년 전 조회 2,436
13년 전 조회 2,320
13년 전 조회 1,945