스크립트 질문입니다.

<script type="text/javascript">
 <!--
function ShowTabex(val){
   for (i=0; i<3; i++) {
     var tb = document.getElementById('tab_' + i);
     if (i != val) tb.style.display = "none";
     else tb.style.display = "block";
   }
 }
 //-->
 </script>


<div style="text-align: right;">
   <div style="border: 1px solid rgb(204, 204, 204);">
   <span onclick="ShowTabex('0')" style="padding: 0pt 5px; cursor: pointer;">tab_0 보기</span>
   <span onclick="ShowTabex('1')" style="padding: 0pt 5px; cursor: pointer;">tab_1 보기</span>
   <span onclick="ShowTabex('2')" style="padding: 0pt 5px; cursor: pointer;">tab_2 보기</span>
   </div>
 </div>
 <div style="text-align: center;">
   <div id="tab_0" style="width: 100%; display: none;">
     tab_0의 내용입니다.
   </div>
   <div id="tab_1" style="width: 100%; display: none;">
     tab_1의 내용입니다.
   </div>
   <div id="tab_2" style="width: 100%; display: none;">
     tab_2의 내용입니다.
   </div>
 </div>
<div style=height:100px;background:#000></div>