B

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

· 13년 전 · 2204 · 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년 전 조회 2,011
13년 전 조회 7,186
13년 전 조회 2,296
13년 전 조회 2,323
13년 전 조회 6,143
13년 전 조회 2,951
13년 전 조회 3,771
13년 전 조회 3,151
13년 전 조회 2,377
13년 전 조회 2,322
13년 전 조회 2,246
13년 전 조회 1,930
13년 전 조회 2,331
13년 전 조회 8,866
13년 전 조회 4,420
13년 전 조회 2,176
13년 전 조회 3,106
13년 전 조회 3,281
13년 전 조회 5,812
13년 전 조회 2,115
13년 전 조회 3,446
13년 전 조회 1,964
13년 전 조회 2,392
13년 전 조회 2,288
13년 전 조회 1,845
13년 전 조회 1.2만
13년 전 조회 2,004
13년 전 조회 2,775
13년 전 조회 2,148
13년 전 조회 2,155
13년 전 조회 3,252
13년 전 조회 3,023
13년 전 조회 2,966
13년 전 조회 4,100
13년 전 조회 2,319
13년 전 조회 2,059
13년 전 조회 2,261
13년 전 조회 3,452
13년 전 조회 2,750
13년 전 조회 2,376
13년 전 조회 2,519
13년 전 조회 2,129
13년 전 조회 2,650
13년 전 조회 2,042
13년 전 조회 2,562
13년 전 조회 2,513
13년 전 조회 2,915
13년 전 조회 2,414
13년 전 조회 2,675
13년 전 조회 2,205
13년 전 조회 2,090
13년 전 조회 2,160
13년 전 조회 2,493
13년 전 조회 2,046
13년 전 조회 2,653
13년 전 조회 2,161
13년 전 조회 2,039
13년 전 조회 2,208
13년 전 조회 2,149
13년 전 조회 3,136
13년 전 조회 2,481
13년 전 조회 2,405
13년 전 조회 3,244
13년 전 조회 2,464
13년 전 조회 1,911
13년 전 조회 2,056
13년 전 조회 2,802
13년 전 조회 2,229
13년 전 조회 2,040
13년 전 조회 2,155
13년 전 조회 4,141
13년 전 조회 2,825
13년 전 조회 2,617
13년 전 조회 2,058
13년 전 조회 1,997
13년 전 조회 1,806
13년 전 조회 2,222
13년 전 조회 2,306
13년 전 조회 4,495
13년 전 조회 2,286
13년 전 조회 2,484
13년 전 조회 2,164
13년 전 조회 2,064
13년 전 조회 2,188
13년 전 조회 2,185
13년 전 조회 2,436
13년 전 조회 4,031
13년 전 조회 4,473
13년 전 조회 2,505
13년 전 조회 2,572
13년 전 조회 2,038
13년 전 조회 3,029
13년 전 조회 2,105
13년 전 조회 2,123
13년 전 조회 1,967
13년 전 조회 2,539
13년 전 조회 2,090
13년 전 조회 2,479
13년 전 조회 2,342
13년 전 조회 1,985