홈(index)으로 갔을 때 탭메뉴01의 상태로....
본문
아래는 텝메뉴입니다.
탭메뉴01를 클릭하면 111로 가고
탭메뉴02를 클릭했을때는 222로 이동을 합니다.
그런데 홈(index)으로 가면 111, 222가 전부 나오는데
이것을 111만 나오게 하려고요. 지도 부탁드립니다.
감사합니다.
<script type='text/javascript'>
function viewContents(i)
{
document.getElementById('contents1').style.display = "none";
document.getElementById('contents2').style.display = "none";
document.getElementById('contents'+i).style.display = "";
}
</script>
<!--ui object -->
<div class="tab_tite">
<ul>
<li class="on" onclick="viewContents(1)"><a href="#">탭메뉴01</a></li>
<li class="on" onclick="viewContents(2);"><a href="#">탭메뉴02</a></li>
</ul>
</div>
<!--//ui object -->
<div id="contents1" >
<table border="0" cellpadding="0" cellspacing="0" width="180" height="100">
<tr>
<td bgcolor="#ffffff" colspan=3 > 1111
</td>
</tr>
</table>
</div>
<div id="contents2" >
<table border="0" cellpadding="0" cellspacing="0" width="180" height="100">
<tr>
<td bgcolor="#ffffff" colspan=3 > 222
</td>
</tr>
</table>
</div>
답변 4
window.onload = function() {
viewContents(1)
}
<div id="contents1" style="display:none;" >
<div id="contents2" style="display:none;" >
이런식으로 넣으세요<li class="on" onclick="viewContents(1)"><a href="#">탭메뉴01</a></li>여긴 세미콜론이 빠져있네요.
운비님, 답변 대단히 감사드립니다.
적용해 보겠습니다.
슈와이님, 답변 감사합니다.
적용해 보겠습니다.
답변을 작성하시기 전에 로그인 해주세요.