B

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

· 13년 전 · 1806 · 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,404
13년 전 조회 6,754
13년 전 조회 1,682
13년 전 조회 1,868
13년 전 조회 5,691
13년 전 조회 2,361
13년 전 조회 3,149
13년 전 조회 2,562
13년 전 조회 1,734
13년 전 조회 1,857
13년 전 조회 1,777
13년 전 조회 1,486
13년 전 조회 1,876
13년 전 조회 8,425
13년 전 조회 3,833
13년 전 조회 1,565
13년 전 조회 2,725
13년 전 조회 2,838
13년 전 조회 5,411
13년 전 조회 1,663
13년 전 조회 2,851
13년 전 조회 1,389
13년 전 조회 1,795
13년 전 조회 1,860
13년 전 조회 1,373
13년 전 조회 1.1만
13년 전 조회 1,535
13년 전 조회 2,187
13년 전 조회 1,545
13년 전 조회 1,541
13년 전 조회 2,793
13년 전 조회 2,408
13년 전 조회 2,361
13년 전 조회 3,642
13년 전 조회 1,708
13년 전 조회 1,423
13년 전 조회 1,790
13년 전 조회 2,858
13년 전 조회 2,288
13년 전 조회 1,754
13년 전 조회 2,037
13년 전 조회 1,513
13년 전 조회 2,029
13년 전 조회 1,399
13년 전 조회 2,123
13년 전 조회 1,901
13년 전 조회 2,318
13년 전 조회 1,813
13년 전 조회 2,075
13년 전 조회 1,807
13년 전 조회 1,484
13년 전 조회 1,524
13년 전 조회 1,888
13년 전 조회 1,452
13년 전 조회 2,188
13년 전 조회 1,591
13년 전 조회 1,463
13년 전 조회 1,655
13년 전 조회 1,506
13년 전 조회 2,664
13년 전 조회 1,858
13년 전 조회 1,802
13년 전 조회 2,794
13년 전 조회 1,844
13년 전 조회 1,421
13년 전 조회 1,442
13년 전 조회 2,180
13년 전 조회 1,623
13년 전 조회 1,427
13년 전 조회 1,701
13년 전 조회 3,548
13년 전 조회 2,226
13년 전 조회 1,994
13년 전 조회 1,450
13년 전 조회 1,401
13년 전 조회 1,317
13년 전 조회 1,583
13년 전 조회 1,833
13년 전 조회 3,957
13년 전 조회 1,684
13년 전 조회 1,878
13년 전 조회 1,563
13년 전 조회 1,469
13년 전 조회 1,712
13년 전 조회 1,711
13년 전 조회 1,977
13년 전 조회 3,410
13년 전 조회 3,833
13년 전 조회 1,897
13년 전 조회 2,022
13년 전 조회 1,452
13년 전 조회 2,591
13년 전 조회 1,460
13년 전 조회 1,539
13년 전 조회 1,358
13년 전 조회 2,060
13년 전 조회 1,476
13년 전 조회 1,890
13년 전 조회 1,862
13년 전 조회 1,370