<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>