B

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

· 13년 전 · 1943 · 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,663
13년 전 조회 6,927
13년 전 조회 1,959
13년 전 조회 2,044
13년 전 조회 5,863
13년 전 조회 2,626
13년 전 조회 3,435
13년 전 조회 2,829
13년 전 조회 2,015
13년 전 조회 2,051
13년 전 조회 1,963
13년 전 조회 1,676
13년 전 조회 2,051
13년 전 조회 8,604
13년 전 조회 4,086
13년 전 조회 1,828
13년 전 조회 2,863
13년 전 조회 2,998
13년 전 조회 5,564
13년 전 조회 1,844
13년 전 조회 3,122
13년 전 조회 1,648
13년 전 조회 2,061
13년 전 조회 2,045
13년 전 조회 1,565
13년 전 조회 1.1만
13년 전 조회 1,709
13년 전 조회 2,456
13년 전 조회 1,794
13년 전 조회 1,802
13년 전 조회 2,975
13년 전 조회 2,687
13년 전 조회 2,632
13년 전 조회 3,824
13년 전 조회 1,982
13년 전 조회 1,702
13년 전 조회 1,967
13년 전 조회 3,125
13년 전 조회 2,451
13년 전 조회 2,015
13년 전 조회 2,238
13년 전 조회 1,797
13년 전 조회 2,308
13년 전 조회 1,682
13년 전 조회 2,293
13년 전 조회 2,161
13년 전 조회 2,594
13년 전 조회 2,100
13년 전 조회 2,350
13년 전 조회 1,944
13년 전 조회 1,777
13년 전 조회 1,802
13년 전 조회 2,150
13년 전 조회 1,716
13년 전 조회 2,364
13년 전 조회 1,862
13년 전 조회 1,746
13년 전 조회 1,868
13년 전 조회 1,790
13년 전 조회 2,855
13년 전 조회 2,142
13년 전 조회 2,084
13년 전 조회 2,979
13년 전 조회 2,128
13년 전 조회 1,618
13년 전 조회 1,716
13년 전 조회 2,457
13년 전 조회 1,888
13년 전 조회 1,697
13년 전 조회 1,869
13년 전 조회 3,802
13년 전 조회 2,495
13년 전 조회 2,282
13년 전 조회 1,735
13년 전 조회 1,682
13년 전 조회 1,525
13년 전 조회 1,859
13년 전 조회 2,017
13년 전 조회 4,166
13년 전 조회 1,959
13년 전 조회 2,152
13년 전 조회 1,835
13년 전 조회 1,742
13년 전 조회 1,889
13년 전 조회 1,881
13년 전 조회 2,139
13년 전 조회 3,667
13년 전 조회 4,100
13년 전 조회 2,173
13년 전 조회 2,246
13년 전 조회 1,738
13년 전 조회 2,781
13년 전 조회 1,754
13년 전 조회 1,820
13년 전 조회 1,638
13년 전 조회 2,211
13년 전 조회 1,764
13년 전 조회 2,161
13년 전 조회 2,048
13년 전 조회 1,643