B

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

· 13년 전 · 1860 · 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,460
13년 전 조회 6,805
13년 전 조회 1,738
13년 전 조회 1,940
13년 전 조회 5,748
13년 전 조회 2,422
13년 전 조회 3,220
13년 전 조회 2,626
13년 전 조회 1,803
13년 전 조회 1,931
13년 전 조회 1,845
13년 전 조회 1,551
13년 전 조회 1,924
13년 전 조회 8,477
13년 전 조회 3,888
13년 전 조회 1,615
13년 전 조회 2,779
13년 전 조회 2,885
13년 전 조회 5,473
13년 전 조회 1,721
13년 전 조회 2,924
13년 전 조회 1,452
13년 전 조회 1,860
13년 전 조회 1,927
13년 전 조회 1,431
13년 전 조회 1.1만
13년 전 조회 1,589
13년 전 조회 2,268
13년 전 조회 1,604
13년 전 조회 1,596
13년 전 조회 2,854
13년 전 조회 2,469
13년 전 조회 2,424
13년 전 조회 3,701
13년 전 조회 1,772
13년 전 조회 1,484
13년 전 조회 1,858
13년 전 조회 2,923
13년 전 조회 2,351
13년 전 조회 1,824
13년 전 조회 2,103
13년 전 조회 1,579
13년 전 조회 2,091
13년 전 조회 1,466
13년 전 조회 2,182
13년 전 조회 1,963
13년 전 조회 2,373
13년 전 조회 1,875
13년 전 조회 2,145
13년 전 조회 1,861
13년 전 조회 1,552
13년 전 조회 1,605
13년 전 조회 1,941
13년 전 조회 1,511
13년 전 조회 2,239
13년 전 조회 1,649
13년 전 조회 1,521
13년 전 조회 1,717
13년 전 조회 1,572
13년 전 조회 2,720
13년 전 조회 1,925
13년 전 조회 1,862
13년 전 조회 2,856
13년 전 조회 1,908
13년 전 조회 1,480
13년 전 조회 1,507
13년 전 조회 2,249
13년 전 조회 1,687
13년 전 조회 1,490
13년 전 조회 1,752
13년 전 조회 3,615
13년 전 조회 2,289
13년 전 조회 2,054
13년 전 조회 1,513
13년 전 조회 1,457
13년 전 조회 1,388
13년 전 조회 1,645
13년 전 조회 1,885
13년 전 조회 4,016
13년 전 조회 1,747
13년 전 조회 1,935
13년 전 조회 1,615
13년 전 조회 1,537
13년 전 조회 1,766
13년 전 조회 1,761
13년 전 조회 2,037
13년 전 조회 3,468
13년 전 조회 3,886
13년 전 조회 1,957
13년 전 조회 2,099
13년 전 조회 1,513
13년 전 조회 2,659
13년 전 조회 1,513
13년 전 조회 1,616
13년 전 조회 1,419
13년 전 조회 2,106
13년 전 조회 1,543
13년 전 조회 1,960
13년 전 조회 1,920
13년 전 조회 1,435