메뉴 show/hide 스크립트 수정 채택완료
로라황
7년 전
조회 3,419
아래의 소스에서 [서울]을 클릭하면 하위 메뉴들이 나오는데요
[인천]을 클릭하면 [서울] 하위메뉴는 자동으로 닫기고 [인천]만 열리게 하려면
스크립트를 어떻게 수정하야할까요??
(참고 : 현재, 클릭을 한 번 더 해야 닫기가 됩니다. )
</p>
<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"<a href="<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank" rel="noopener noreferrer">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank" rel="noopener noreferrer">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a></a>"></p>
<p><html xmlns="<a href="<a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a>"><a href="http://www.w3.org/1999/xhtml" target="_blank" rel="noopener noreferrer">http://www.w3.org/1999/xhtml</a></a>">
<head>
<title></title>
<style type="text/css">
#menulink {
display: none;
}
</style></p>
<p><script language="JavaScript">
function showOrHide(zap) {
if (document.getElementById) {
var abra = document.getElementById(zap).style;
if (abra.display == "block") {
abra.display = "none";
} else {
abra.display = "block";
}
return false;
} else {
return true;
}
}
</script></p>
<p></head></p>
<p><body></p>
<p> <div class="map">
<h5><a href="#" onclick="return showOrHide('menulink');">서울</a></h5></p>
<div style="white-space: nowrap;"> <h5><a href="#" onclick="return showOrHide('menulink02');">인천</a></h5>
</div></div>
<div style="white-space: nowrap;"> </div>
<p> <ul id="menulink">
<li><a href="">O</a></li>
<li><a href="">S</a></li>
<li><a href="">A</a></li>
<li><a href="">M</a></li>
<li><a href="">M</a></li>
</ul></p>
<p> </p>
<div style="white-space: nowrap;"> </div>
<p> <ul id="menulink02">
<li><a href="">O</a></li>
<li><a href="">S</a></li>
<li><a href="">A</a></li>
<li><a href="">M</a></li>
<li><a href="">M</a></li>
</ul></p>
<p>
</body>
</html></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인