B

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

· 13년 전 · 2235 · 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,086
13년 전 조회 7,225
13년 전 조회 2,371
13년 전 조회 2,351
13년 전 조회 6,170
13년 전 조회 3,028
13년 전 조회 3,841
13년 전 조회 3,233
13년 전 조회 2,462
13년 전 조회 2,356
13년 전 조회 2,283
13년 전 조회 1,962
13년 전 조회 2,369
13년 전 조회 8,897
13년 전 조회 4,497
13년 전 조회 2,256
13년 전 조회 3,142
13년 전 조회 3,308
13년 전 조회 5,840
13년 전 조회 2,148
13년 전 조회 3,543
13년 전 조회 2,060
13년 전 조회 2,471
13년 전 조회 2,331
13년 전 조회 1,874
13년 전 조회 1.2만
13년 전 조회 2,031
13년 전 조회 2,862
13년 전 조회 2,219
13년 전 조회 2,242
13년 전 조회 3,293
13년 전 조회 3,120
13년 전 조회 3,052
13년 전 조회 4,133
13년 전 조회 2,391
13년 전 조회 2,125
13년 전 조회 2,287
13년 전 조회 3,539
13년 전 조회 2,781
13년 전 조회 2,459
13년 전 조회 2,547
13년 전 조회 2,201
13년 전 조회 2,747
13년 전 조회 2,116
13년 전 조회 2,601
13년 전 조회 2,598
13년 전 조회 3,009
13년 전 조회 2,504
13년 전 조회 2,762
13년 전 조회 2,236
13년 전 조회 2,172
13년 전 조회 2,240
13년 전 조회 2,575
13년 전 조회 2,122
13년 전 조회 2,685
13년 전 조회 2,240
13년 전 조회 2,135
13년 전 조회 2,288
13년 전 조회 2,226
13년 전 조회 3,162
13년 전 조회 2,554
13년 전 조회 2,475
13년 전 조회 3,271
13년 전 조회 2,532
13년 전 조회 1,934
13년 전 조회 2,143
13년 전 조회 2,881
13년 전 조회 2,303
13년 전 조회 2,112
13년 전 조회 2,187
13년 전 조회 4,215
13년 전 조회 2,903
13년 전 조회 2,678
13년 전 조회 2,117
13년 전 조회 2,079
13년 전 조회 1,838
13년 전 조회 2,289
13년 전 조회 2,342
13년 전 조회 4,581
13년 전 조회 2,361
13년 전 조회 2,562
13년 전 조회 2,221
13년 전 조회 2,141
13년 전 조회 2,209
13년 전 조회 2,217
13년 전 조회 2,463
13년 전 조회 4,088
13년 전 조회 4,547
13년 전 조회 2,584
13년 전 조회 2,660
13년 전 조회 2,121
13년 전 조회 3,053
13년 전 조회 2,180
13년 전 조회 2,184
13년 전 조회 2,032
13년 전 조회 2,568
13년 전 조회 2,159
13년 전 조회 2,557
13년 전 조회 2,364
13년 전 조회 2,061