<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>

천율님 답변 고맙습니다^^