B

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

· 13년 전 · 1855 · 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,455
13년 전 조회 6,804
13년 전 조회 1,735
13년 전 조회 1,936
13년 전 조회 5,747
13년 전 조회 2,415
13년 전 조회 3,214
13년 전 조회 2,622
13년 전 조회 1,800
13년 전 조회 1,928
13년 전 조회 1,844
13년 전 조회 1,548
13년 전 조회 1,924
13년 전 조회 8,474
13년 전 조회 3,882
13년 전 조회 1,612
13년 전 조회 2,776
13년 전 조회 2,884
13년 전 조회 5,473
13년 전 조회 1,720
13년 전 조회 2,921
13년 전 조회 1,447
13년 전 조회 1,858
13년 전 조회 1,925
13년 전 조회 1,429
13년 전 조회 1.1만
13년 전 조회 1,588
13년 전 조회 2,263
13년 전 조회 1,600
13년 전 조회 1,594
13년 전 조회 2,853
13년 전 조회 2,461
13년 전 조회 2,421
13년 전 조회 3,700
13년 전 조회 1,771
13년 전 조회 1,480
13년 전 조회 1,857
13년 전 조회 2,918
13년 전 조회 2,349
13년 전 조회 1,820
13년 전 조회 2,102
13년 전 조회 1,572
13년 전 조회 2,088
13년 전 조회 1,460
13년 전 조회 2,179
13년 전 조회 1,958
13년 전 조회 2,372
13년 전 조회 1,874
13년 전 조회 2,141
13년 전 조회 1,856
13년 전 조회 1,546
13년 전 조회 1,600
13년 전 조회 1,937
13년 전 조회 1,510
13년 전 조회 2,237
13년 전 조회 1,644
13년 전 조회 1,519
13년 전 조회 1,711
13년 전 조회 1,569
13년 전 조회 2,718
13년 전 조회 1,925
13년 전 조회 1,856
13년 전 조회 2,854
13년 전 조회 1,903
13년 전 조회 1,480
13년 전 조회 1,504
13년 전 조회 2,246
13년 전 조회 1,683
13년 전 조회 1,486
13년 전 조회 1,752
13년 전 조회 3,612
13년 전 조회 2,285
13년 전 조회 2,050
13년 전 조회 1,509
13년 전 조회 1,451
13년 전 조회 1,387
13년 전 조회 1,640
13년 전 조회 1,883
13년 전 조회 4,012
13년 전 조회 1,743
13년 전 조회 1,932
13년 전 조회 1,614
13년 전 조회 1,535
13년 전 조회 1,765
13년 전 조회 1,760
13년 전 조회 2,036
13년 전 조회 3,465
13년 전 조회 3,882
13년 전 조회 1,955
13년 전 조회 2,097
13년 전 조회 1,507
13년 전 조회 2,659
13년 전 조회 1,509
13년 전 조회 1,609
13년 전 조회 1,416
13년 전 조회 2,105
13년 전 조회 1,541
13년 전 조회 1,958
13년 전 조회 1,919
13년 전 조회 1,430