탭 메뉴 채택완료
느랴느바
9년 전
조회 4,038
이런식으로 메뉴를 누르면 서브메뉴가 나오게 만들었는데
이거를 서브메뉴가 하나 열려있는상태에서 다른 메뉴를 누르면 열려있던건 닫히게 만들고 싶습니다..
어떻게 해야될지를 몰라서 조언 구합니다 부탁드려요
<script src="/js/common2.js" type="text/javascript"></script>
<script language="javascript">
function subinit(){
//-----------------------다음 코드는 페이지마다 다릅니다.
var foldarr = new Array();
foldarr.push("fold01");
foldarr.push("fold02");
foldarr.push("fold03");
foldarr.push("fold04");
foldarr.push("fold05");
//-------------------------------------------
var sn = location.href.split("sn=");var sn = parseInt(sn[1]);
for(i=0;i<foldarr.length;i++){
var obj = document.getElementById(foldarr[i]);
obj.style.display = "none";
}
var obj = document.getElementById(foldarr[sn]);
obj.style.display = "inline-block";
}
</script>
<header id="hd">
<h1 id="hd_h1"><?php echo $g5['title'] ?></h1>
<div class="to_content"><a href="#container">본문 바로가기</a></div>
<?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_MOBILE_PATH.'/newwin.inc.php'; // 팝업레이어
} ?>
<div id="hd_wrapper">
<a href="/index.php"><img src="<?php echo G5_THEME_IMG_URL ?>/logo.png"></a>
<br>
<?php if(!defined('_INDEX_')) { ?>
<body onload="subnit();">
<img src="<?php echo G5_THEME_IMG_URL ?>/sub1.png" onclick='subtoggle("fold01");'>
<li onclick="" id="fold01" style="display: none;">
<table>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub1_1.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub1_2.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub1_3.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub1_4.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub1_5.png"></tr>
</table>
</li>
<img src="<?php echo G5_THEME_IMG_URL ?>/sub2.png" onclick='subtoggle("fold02");'>
<li onclick="" id="fold02" style="display: none;">
<table>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub2_1.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub2_2.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub2_3.png"></tr>
<tr><img src="<?php echo G5_THEME_IMG_URL ?>/sub2_4.png"></tr>
</table>
</li>
<img src="<?php echo G5_THEME_IMG_URL ?>/sub4.png" onclick='subtoggle("fold03");'>
<li onclick="" id="fold03" style="display: none;">
<table>
<img src="<?php echo G5_THEME_IMG_URL ?>/sub4_1.png">
<img src="<?php echo G5_THEME_IMG_URL ?>/sub4_2.png">
</table>
</li>
<img src="<?php echo G5_THEME_IMG_URL ?>/sub3.png" onclick='subtoggle("fold04");'>
<li onclick="" id="fold04" style="display: none;">
<table>
<img src="<?php echo G5_THEME_IMG_URL ?>/sub3_1.png">
<img src="<?php echo G5_THEME_IMG_URL ?>/sub3_2.png">
</table>
</li>
</body>
<?php } ?>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
느랴느바
9년 전
지금 링크 걸어주신 곳 이랑 딱 반반씩 섞어 놓으면 좋을텐데요...ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
9년 전
</p><p>var foldarr = new Array('fold01', 'fold02', 'fold03', 'fold04', 'fold05');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldObj = null,</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>sn = location.href.replace(/.+sn=/, '');</p><p> </p><p>function subinit(){ </p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var obj = document.getElementById(foldarr[sn]);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>obj.style.display = 'inline-block';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldObj = obj;</p><p>}</p><p> </p><p>function subtoggle(id) {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var obj = document.getElementById(id);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldObj.style.display = 'none';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>obj.style.display = 'inline-block';</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>oldObj = obj;</p><p>}</p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
느랴느바
9년 전
똑같이 나오네요..ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인