B

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

· 13년 전 · 1893 · 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,570
13년 전 조회 6,847
13년 전 조회 1,879
13년 전 조회 1,984
13년 전 조회 5,794
13년 전 조회 2,540
13년 전 조회 3,355
13년 전 조회 2,747
13년 전 조회 1,937
13년 전 조회 1,969
13년 전 조회 1,884
13년 전 조회 1,589
13년 전 조회 1,968
13년 전 조회 8,518
13년 전 조회 4,006
13년 전 조회 1,748
13년 전 조회 2,810
13년 전 조회 2,926
13년 전 조회 5,510
13년 전 조회 1,762
13년 전 조회 3,034
13년 전 조회 1,577
13년 전 조회 1,975
13년 전 조회 1,963
13년 전 조회 1,483
13년 전 조회 1.1만
13년 전 조회 1,632
13년 전 조회 2,378
13년 전 조회 1,720
13년 전 조회 1,719
13년 전 조회 2,901
13년 전 조회 2,592
13년 전 조회 2,554
13년 전 조회 3,749
13년 전 조회 1,909
13년 전 조회 1,611
13년 전 조회 1,899
13년 전 조회 3,042
13년 전 조회 2,388
13년 전 조회 1,947
13년 전 조회 2,162
13년 전 조회 1,710
13년 전 조회 2,211
13년 전 조회 1,595
13년 전 조회 2,224
13년 전 조회 2,089
13년 전 조회 2,503
13년 전 조회 2,011
13년 전 조회 2,272
13년 전 조회 1,894
13년 전 조회 1,685
13년 전 조회 1,718
13년 전 조회 2,075
13년 전 조회 1,636
13년 전 조회 2,278
13년 전 조회 1,775
13년 전 조회 1,641
13년 전 조회 1,822
13년 전 조회 1,705
13년 전 조회 2,770
13년 전 조회 2,041
13년 전 조회 1,994
13년 전 조회 2,900
13년 전 조회 2,043
13년 전 조회 1,533
13년 전 조회 1,635
13년 전 조회 2,373
13년 전 조회 1,809
13년 전 조회 1,606
13년 전 조회 1,794
13년 전 조회 3,721
13년 전 조회 2,408
13년 전 조회 2,196
13년 전 조회 1,638
13년 전 조회 1,590
13년 전 조회 1,443
13년 전 조회 1,778
13년 전 조회 1,927
13년 전 조회 4,114
13년 전 조회 1,871
13년 전 조회 2,064
13년 전 조회 1,737
13년 전 조회 1,651
13년 전 조회 1,814
13년 전 조회 1,801
13년 전 조회 2,072
13년 전 조회 3,583
13년 전 조회 4,003
13년 전 조회 2,074
13년 전 조회 2,185
13년 전 조회 1,642
13년 전 조회 2,704
13년 전 조회 1,667
13년 전 조회 1,746
13년 전 조회 1,554
13년 전 조회 2,142
13년 전 조회 1,661
13년 전 조회 2,072
13년 전 조회 1,962
13년 전 조회 1,558