tab 메뉴 사용법 문의 정보
tab 메뉴 사용법 문의본문
오류 주소 : http://www.zyxel.com/news/press_room_list.shtml
링크된 부분 중간에 보면 각 탭이 있는데
각각의 탭의 내용이 어떻 방식으로 불러와지는 건가요?
댓글 전체
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$(".tab").click(function() { // tab 클래스를 클릭했을때
$(".area").hide(); // area클래스 모두 숨김
var thisID = $(this).attr("id"); // 클릭한 것의 id값 추출
$("#area_"+thisID).show(); // area_ 아이디값을 id로 지정한것만 노출
}
});
//-->
</script>
<img src="tab_img1_on.gif" id="a" class="tab" />
<img src="tab_img2_off.gif" id="b" class="tab" />
<img src="tab_img3_off.gif" id="c" class="tab" />
<div id="area_a" class="area" style="">a 선택시 활성화 영역</div>
<div id="area_b" class="area" style="display:none;">b 선택시 활성화 영역</div>
<div id="area_c" class="area" style="display:none;">c선택시 활성화 영역</div>
<script type="text/javascript">
<!--
$(document).ready(function() {
$(".tab").click(function() { // tab 클래스를 클릭했을때
$(".area").hide(); // area클래스 모두 숨김
var thisID = $(this).attr("id"); // 클릭한 것의 id값 추출
$("#area_"+thisID).show(); // area_ 아이디값을 id로 지정한것만 노출
}
});
//-->
</script>
<img src="tab_img1_on.gif" id="a" class="tab" />
<img src="tab_img2_off.gif" id="b" class="tab" />
<img src="tab_img3_off.gif" id="c" class="tab" />
<div id="area_a" class="area" style="">a 선택시 활성화 영역</div>
<div id="area_b" class="area" style="display:none;">b 선택시 활성화 영역</div>
<div id="area_c" class="area" style="display:none;">c선택시 활성화 영역</div>
천율님 답변 고맙습니다^^