B

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

· 13년 전 · 2159 · 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,934
13년 전 조회 7,134
13년 전 조회 2,217
13년 전 조회 2,277
13년 전 조회 6,093
13년 전 조회 2,880
13년 전 조회 3,695
13년 전 조회 3,082
13년 전 조회 2,296
13년 전 조회 2,278
13년 전 조회 2,207
13년 전 조회 1,881
13년 전 조회 2,293
13년 전 조회 8,825
13년 전 조회 4,334
13년 전 조회 2,093
13년 전 조회 3,066
13년 전 조회 3,222
13년 전 조회 5,768
13년 전 조회 2,073
13년 전 조회 3,380
13년 전 조회 1,888
13년 전 조회 2,315
13년 전 조회 2,245
13년 전 조회 1,797
13년 전 조회 1.2만
13년 전 조회 1,960
13년 전 조회 2,703
13년 전 조회 2,082
13년 전 조회 2,067
13년 전 조회 3,198
13년 전 조회 2,934
13년 전 조회 2,869
13년 전 조회 4,045
13년 전 조회 2,232
13년 전 조회 1,989
13년 전 조회 2,215
13년 전 조회 3,367
13년 전 조회 2,695
13년 전 조회 2,303
13년 전 조회 2,478
13년 전 조회 2,047
13년 전 조회 2,571
13년 전 조회 1,948
13년 전 조회 2,506
13년 전 조회 2,433
13년 전 조회 2,843
13년 전 조회 2,341
13년 전 조회 2,606
13년 전 조회 2,160
13년 전 조회 2,021
13년 전 조회 2,081
13년 전 조회 2,410
13년 전 조회 1,977
13년 전 조회 2,599
13년 전 조회 2,090
13년 전 조회 1,964
13년 전 조회 2,148
13년 전 조회 2,084
13년 전 조회 3,081
13년 전 조회 2,404
13년 전 조회 2,338
13년 전 조회 3,189
13년 전 조회 2,393
13년 전 조회 1,876
13년 전 조회 1,992
13년 전 조회 2,730
13년 전 조회 2,170
13년 전 조회 1,970
13년 전 조회 2,112
13년 전 조회 4,073
13년 전 조회 2,761
13년 전 조회 2,554
13년 전 조회 1,994
13년 전 조회 1,939
13년 전 조회 1,759
13년 전 조회 2,140
13년 전 조회 2,261
13년 전 조회 4,425
13년 전 조회 2,220
13년 전 조회 2,418
13년 전 조회 2,107
13년 전 조회 2,006
13년 전 조회 2,144
13년 전 조회 2,143
13년 전 조회 2,381
13년 전 조회 3,947
13년 전 조회 4,389
13년 전 조회 2,417
13년 전 조회 2,514
13년 전 조회 1,977
13년 전 조회 2,982
13년 전 조회 2,045
13년 전 조회 2,053
13년 전 조회 1,912
13년 전 조회 2,499
13년 전 조회 2,020
13년 전 조회 2,406
13년 전 조회 2,307
13년 전 조회 1,905