B

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

· 13년 전 · 1717 · 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,332
13년 전 조회 6,675
13년 전 조회 1,605
13년 전 조회 1,800
13년 전 조회 5,628
13년 전 조회 2,276
13년 전 조회 3,077
13년 전 조회 2,457
13년 전 조회 1,649
13년 전 조회 1,792
13년 전 조회 1,683
13년 전 조회 1,412
13년 전 조회 1,802
13년 전 조회 8,360
13년 전 조회 3,767
13년 전 조회 1,479
13년 전 조회 2,636
13년 전 조회 2,754
13년 전 조회 5,304
13년 전 조회 1,605
13년 전 조회 2,771
13년 전 조회 1,309
13년 전 조회 1,724
13년 전 조회 1,786
13년 전 조회 1,307
13년 전 조회 1.1만
13년 전 조회 1,477
13년 전 조회 2,104
13년 전 조회 1,477
13년 전 조회 1,467
13년 전 조회 2,720
13년 전 조회 2,339
13년 전 조회 2,283
13년 전 조회 3,558
13년 전 조회 1,630
13년 전 조회 1,352
13년 전 조회 1,705
13년 전 조회 2,789
13년 전 조회 2,210
13년 전 조회 1,677
13년 전 조회 1,970
13년 전 조회 1,427
13년 전 조회 1,955
13년 전 조회 1,313
13년 전 조회 2,047
13년 전 조회 1,832
13년 전 조회 2,239
13년 전 조회 1,747
13년 전 조회 2,001
13년 전 조회 1,718
13년 전 조회 1,414
13년 전 조회 1,436
13년 전 조회 1,804
13년 전 조회 1,374
13년 전 조회 2,114
13년 전 조회 1,514
13년 전 조회 1,407
13년 전 조회 1,561
13년 전 조회 1,445
13년 전 조회 2,600
13년 전 조회 1,790
13년 전 조회 1,734
13년 전 조회 2,734
13년 전 조회 1,769
13년 전 조회 1,362
13년 전 조회 1,376
13년 전 조회 2,091
13년 전 조회 1,545
13년 전 조회 1,353
13년 전 조회 1,636
13년 전 조회 3,472
13년 전 조회 2,152
13년 전 조회 1,928
13년 전 조회 1,360
13년 전 조회 1,332
13년 전 조회 1,250
13년 전 조회 1,499
13년 전 조회 1,753
13년 전 조회 3,854
13년 전 조회 1,603
13년 전 조회 1,796
13년 전 조회 1,483
13년 전 조회 1,395
13년 전 조회 1,632
13년 전 조회 1,642
13년 전 조회 1,903
13년 전 조회 3,329
13년 전 조회 3,766
13년 전 조회 1,812
13년 전 조회 1,920
13년 전 조회 1,373
13년 전 조회 2,524
13년 전 조회 1,383
13년 전 조회 1,481
13년 전 조회 1,290
13년 전 조회 1,989
13년 전 조회 1,413
13년 전 조회 1,815
13년 전 조회 1,780
13년 전 조회 1,297