테스트 사이트 - 개발 중인 베타 버전입니다

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

· 13년 전 · 1007 · 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();
});
});

게시글 목록

번호 제목
17764
17761
17753
17750
26370
4334
4332
17749
17747
26369
17746
17743
17742
17740
17738
17736
17734
17732
30517
17729
17728
17725
24409
17722
30513
17720
17719
4331
17716
26368
17715
17713
17712
17709
30511
30507
30503
30500
17706
17704
17701
17697
17691
17685
30474
17674
30467
17670
17667
17664
17660
17658
17656
4325
30459
4318
17653
30452
17649
30450
30437
17647
4315
4310
30435
30413
17646
30411
17642
17638
17636
30407
17634
17632
17627
17624
17620
17619
17616
17614
17613
17609
17606
17605
17601
24408
17597
4299
17594
17587
17586
4295
17582
17577
17569
17568
17565
30399
30394
24400