B

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

· 13년 전 · 1089 · 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년 전 조회 782
13년 전 조회 6,109
13년 전 조회 1,059
13년 전 조회 1,269
13년 전 조회 5,085
13년 전 조회 1,724
13년 전 조회 2,539
13년 전 조회 1,921
13년 전 조회 1,135
13년 전 조회 1,203
13년 전 조회 1,126
13년 전 조회 839
13년 전 조회 1,229
13년 전 조회 7,781
13년 전 조회 3,193
13년 전 조회 947
13년 전 조회 1,975
13년 전 조회 2,181
13년 전 조회 4,709
13년 전 조회 1,020
13년 전 조회 2,198
13년 전 조회 745
13년 전 조회 1,166
13년 전 조회 1,221
13년 전 조회 774
13년 전 조회 1.1만
13년 전 조회 941
13년 전 조회 1,539
13년 전 조회 927
13년 전 조회 918
13년 전 조회 2,145
13년 전 조회 1,777
13년 전 조회 1,726
13년 전 조회 2,989
13년 전 조회 1,097
13년 전 조회 796
13년 전 조회 1,158
13년 전 조회 2,232
13년 전 조회 1,651
13년 전 조회 1,162
13년 전 조회 1,427
13년 전 조회 892
13년 전 조회 1,425
13년 전 조회 780
13년 전 조회 1,448
13년 전 조회 1,280
13년 전 조회 1,678
13년 전 조회 1,173
13년 전 조회 1,418
13년 전 조회 1,090
13년 전 조회 812
13년 전 조회 893
13년 전 조회 1,275
13년 전 조회 814
13년 전 조회 1,523
13년 전 조회 929
13년 전 조회 830
13년 전 조회 959
13년 전 조회 893
13년 전 조회 2,026
13년 전 조회 1,236
13년 전 조회 1,197
13년 전 조회 2,146
13년 전 조회 1,187
13년 전 조회 816
13년 전 조회 802
13년 전 조회 1,549
13년 전 조회 994
13년 전 조회 789
13년 전 조회 1,046
13년 전 조회 2,927
13년 전 조회 1,596
13년 전 조회 1,389
13년 전 조회 836
13년 전 조회 777
13년 전 조회 707
13년 전 조회 963
13년 전 조회 1,195
13년 전 조회 3,220
13년 전 조회 1,040
13년 전 조회 1,255
13년 전 조회 961
13년 전 조회 824
13년 전 조회 1,062
13년 전 조회 1,073
13년 전 조회 1,339
13년 전 조회 2,766
13년 전 조회 3,215
13년 전 조회 1,232
13년 전 조회 1,300
13년 전 조회 770
13년 전 조회 1,928
13년 전 조회 843
13년 전 조회 919
13년 전 조회 723
13년 전 조회 1,440
13년 전 조회 861
13년 전 조회 1,233
13년 전 조회 1,224
13년 전 조회 731
🐛 버그신고