javascript折りたたみメニュー


<html>
<head>
<title>    </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<script>

function getObject(objectId) { 
 if(document.getElementById && document.getElementById(objectId)) { 
 return document.getElementById(objectId); 
 } 
 else if (document.all && document.all(objectId)) { 
 return document.all(objectId); 
 } 
 else if (document.layers && document.layers[objectId]) { 
 return document.layers[objectId]; 
 } 
 else { 
 return false; 
 } 
} 
function showHide(e,objname){     
    var obj = getObject(objname); 
    if(obj.style.display == "none"){ 
        obj.style.display = "block"; 
        e.className="xias"; 
    }else{ 
        obj.style.display = "none"; 
        e.className="rights"; 
    }
} 
</script>
</head>

<body>
  <ul id="nav">
  <li><a href="#" onclick="showHide(this,'child_menu1');">11111111111111111</a>
	<ul id="child_menu1" style="display: block;">
		<li>1.1</li>
		<li>1.2</li>
		<li>1.3</li>
	</ul>
   </li>
  <li><a href="#" onclick="showHide(this,'child_menu2');">22222222222222222</a>
 	<ul id="child_menu2" style="display: none;">
		<li>1.1</li>
		<li>1.2</li>
		<li>1.3</li>
	</ul>
   </li>
  <li><a href="#" onclick="showHide(this,'child_menu3');">333333333333333333</a>
   <ul id="child_menu3" style="display: none;">
		<li>1.1</li>
		<li>1.2</li>
		<li>1.3</li>
	</ul>
   </li>
</ul>
</body>
</html>