ul 탭 질문합니다!
본문
<script type="text/javascript">
function changePolicyTab(arg){
for(i=1;i<=2;i++) {
document.getElementById("policyTab_"+i).style.display = "none";
}
document.getElementById("policyTab_"+arg).style.display = "block";
}
</script>
<a onmouseover="changePolicyTab('1'); return false;" href="#" id="policyTab1">1번대상</a> |
<a onmouseover="changePolicyTab('2'); return false;" href="#" id="policyTab2">2번대상</a>
<ul id="policyTab_1">
<li><?php echo latest("theme/basic", "notice", "5", "80");?></li>
</ul>
<ul id="policyTab_2" style="display:none">
<li><?php echo latest("theme/basic", "free", "5", "80");?></li>
</ul>
답변 2
탭이 이미 2개로 정해졌는데? 7개라뇨?
7개 출력 예제
<script type="text/javascript">
function changePolicyTab(arg){
for(i=1;i<=7;i++) {
document.getElementById("policyTab_"+i).style.display="none";
}
document.getElementById("policyTab_"+arg).style.display="block";
}
</script>
<a href="javascript:void(0);" id="policyTab1" onmouseover="changePolicyTab('1'); return false;">1번대상</a> |
<a href="javascript:void(0);" id="policyTab2" onmouseover="changePolicyTab('2'); return false;">2번대상</a> |
<a href="javascript:void(0);" id="policyTab3" onmouseover="changePolicyTab('3'); return false;">3번대상</a> |
<a href="javascript:void(0);" id="policyTab4" onmouseover="changePolicyTab('4'); return false;">4번대상</a> |
<a href="javascript:void(0);" id="policyTab5" onmouseover="changePolicyTab('5'); return false;">5번대상</a> |
<a href="javascript:void(0);" id="policyTab6" onmouseover="changePolicyTab('6'); return false;">6번대상</a> |
<a href="javascript:void(0);" id="policyTab7" onmouseover="changePolicyTab('7'); return false;">7번대상</a>
<ul id="policyTab_1">
<li>1번 출력</li>
</ul>
<ul id="policyTab_2">
<li>2번 출력</li>
</ul>
<ul id="policyTab_3">
<li>3번 출력</li>
</ul>
<ul id="policyTab_4">
<li>4번 출력</li>
</ul>
<ul id="policyTab_5">
<li>5번 출력</li>
</ul>
<ul id="policyTab_6">
<li>6번 출력</li>
</ul>
<ul id="policyTab_7">
<li>7번 출력</li>
</ul>
그대로 가져다 사용해보면 탭이 두개만 나옵니다. 소스상으로도 그렇구요
임의로 탭을 10개가 되게 추가하고 동작시켜도 문제없이 잘 동작합니다.
우선 스크립트 문제는 아닌것 같습니다.