B

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

· 13년 전 · 1923 · 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,649
13년 전 조회 6,900
13년 전 조회 1,938
13년 전 조회 2,022
13년 전 조회 5,838
13년 전 조회 2,610
13년 전 조회 3,423
13년 전 조회 2,814
13년 전 조회 2,007
13년 전 조회 2,017
13년 전 조회 1,927
13년 전 조회 1,643
13년 전 조회 2,015
13년 전 조회 8,569
13년 전 조회 4,082
13년 전 조회 1,815
13년 전 조회 2,844
13년 전 조회 2,971
13년 전 조회 5,546
13년 전 조회 1,809
13년 전 조회 3,119
13년 전 조회 1,639
13년 전 조회 2,052
13년 전 조회 2,017
13년 전 조회 1,537
13년 전 조회 1.1만
13년 전 조회 1,681
13년 전 조회 2,445
13년 전 조회 1,786
13년 전 조회 1,787
13년 전 조회 2,947
13년 전 조회 2,676
13년 전 조회 2,621
13년 전 조회 3,800
13년 전 조회 1,976
13년 전 조회 1,695
13년 전 조회 1,947
13년 전 조회 3,115
13년 전 조회 2,423
13년 전 조회 2,005
13년 전 조회 2,208
13년 전 조회 1,785
13년 전 조회 2,299
13년 전 조회 1,674
13년 전 조회 2,270
13년 전 조회 2,157
13년 전 조회 2,581
13년 전 조회 2,089
13년 전 조회 2,335
13년 전 조회 1,924
13년 전 조회 1,766
13년 전 조회 1,794
13년 전 조회 2,143
13년 전 조회 1,705
13년 전 조회 2,329
13년 전 조회 1,850
13년 전 조회 1,731
13년 전 조회 1,863
13년 전 조회 1,778
13년 전 조회 2,825
13년 전 조회 2,129
13년 전 조회 2,075
13년 전 조회 2,945
13년 전 조회 2,117
13년 전 조회 1,591
13년 전 조회 1,708
13년 전 조회 2,452
13년 전 조회 1,873
13년 전 조회 1,690
13년 전 조회 1,843
13년 전 조회 3,792
13년 전 조회 2,488
13년 전 조회 2,272
13년 전 조회 1,723
13년 전 조회 1,675
13년 전 조회 1,494
13년 전 조회 1,843
13년 전 조회 1,983
13년 전 조회 4,159
13년 전 조회 1,944
13년 전 조회 2,142
13년 전 조회 1,826
13년 전 조회 1,724
13년 전 조회 1,864
13년 전 조회 1,854
13년 전 조회 2,117
13년 전 조회 3,655
13년 전 조회 4,090
13년 전 조회 2,157
13년 전 조회 2,234
13년 전 조회 1,730
13년 전 조회 2,748
13년 전 조회 1,742
13년 전 조회 1,810
13년 전 조회 1,630
13년 전 조회 2,192
13년 전 조회 1,748
13년 전 조회 2,150
13년 전 조회 2,018
13년 전 조회 1,630