B

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

· 13년 전 · 1031 · 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년 전 조회 721
13년 전 조회 6,044
13년 전 조회 996
13년 전 조회 1,212
13년 전 조회 5,018
13년 전 조회 1,665
13년 전 조회 2,473
13년 전 조회 1,863
13년 전 조회 1,069
13년 전 조회 1,148
13년 전 조회 1,068
13년 전 조회 787
13년 전 조회 1,165
13년 전 조회 7,724
13년 전 조회 3,130
13년 전 조회 883
13년 전 조회 1,921
13년 전 조회 2,124
13년 전 조회 4,642
13년 전 조회 955
13년 전 조회 2,151
13년 전 조회 691
13년 전 조회 1,102
13년 전 조회 1,160
13년 전 조회 706
13년 전 조회 1만
13년 전 조회 875
13년 전 조회 1,479
13년 전 조회 870
13년 전 조회 868
13년 전 조회 2,088
13년 전 조회 1,714
13년 전 조회 1,660
13년 전 조회 2,934
13년 전 조회 1,031
13년 전 조회 727
13년 전 조회 1,102
13년 전 조회 2,171
13년 전 조회 1,587
13년 전 조회 1,112
13년 전 조회 1,372
13년 전 조회 841
13년 전 조회 1,365
13년 전 조회 724
13년 전 조회 1,388
13년 전 조회 1,222
13년 전 조회 1,617
13년 전 조회 1,120
13년 전 조회 1,370
13년 전 조회 1,032
13년 전 조회 767
13년 전 조회 844
13년 전 조회 1,210
13년 전 조회 763
13년 전 조회 1,465
13년 전 조회 878
13년 전 조회 776
13년 전 조회 900
13년 전 조회 837
13년 전 조회 1,985
13년 전 조회 1,185
13년 전 조회 1,147
13년 전 조회 2,097
13년 전 조회 1,134
13년 전 조회 759
13년 전 조회 758
13년 전 조회 1,502
13년 전 조회 945
13년 전 조회 740
13년 전 조회 1,002
13년 전 조회 2,864
13년 전 조회 1,536
13년 전 조회 1,337
13년 전 조회 782
13년 전 조회 719
13년 전 조회 655
13년 전 조회 906
13년 전 조회 1,140
13년 전 조회 3,173
13년 전 조회 996
13년 전 조회 1,202
13년 전 조회 911
13년 전 조회 777
13년 전 조회 1,021
13년 전 조회 1,025
13년 전 조회 1,288
13년 전 조회 2,722
13년 전 조회 3,170
13년 전 조회 1,193
13년 전 조회 1,253
13년 전 조회 726
13년 전 조회 1,888
13년 전 조회 797
13년 전 조회 873
13년 전 조회 679
13년 전 조회 1,383
13년 전 조회 813
13년 전 조회 1,185
13년 전 조회 1,175
13년 전 조회 683
🐛 버그신고