<script>
function show(c_Str)
{if(document.getElementById(c_Str).style.display=='none')
{document.getElementById(c_Str).style.display='block';}
else{document.getElementById(c_Str).style.display='none';}}
function goto(url)
{window.location=url;}
</script>
<div id="m1" οnclick="goto('#');show('a1')">主菜单一</div>
<p id="a1" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m2" οnclick="goto('#');show('a2')">主菜单二</div>
<p id="a2" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m3" οnclick="goto('#');show('a3')">主菜单三</div>
<p id="a3" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m4" οnclick="goto('#');show('a4')">主菜单四</div>
<p id="a4" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m5" οnclick="goto('#');show('a5')">主菜单五</div>
<p id="a5" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m6" οnclick="goto('#');show('a6')">主菜单六</div>
<p id="a6" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
function show(c_Str)
{if(document.getElementById(c_Str).style.display=='none')
{document.getElementById(c_Str).style.display='block';}
else{document.getElementById(c_Str).style.display='none';}}
function goto(url)
{window.location=url;}
</script>
<div id="m1" οnclick="goto('#');show('a1')">主菜单一</div>
<p id="a1" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m2" οnclick="goto('#');show('a2')">主菜单二</div>
<p id="a2" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m3" οnclick="goto('#');show('a3')">主菜单三</div>
<p id="a3" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m4" οnclick="goto('#');show('a4')">主菜单四</div>
<p id="a4" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m5" οnclick="goto('#');show('a5')">主菜单五</div>
<p id="a5" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>
<div id="m6" οnclick="goto('#');show('a6')">主菜单六</div>
<p id="a6" style="display:none">
<a href="#">子菜单一</a><br>
<a href="#">子菜单二</a><br>
<a href="#">子菜单三</a><br>
<a href="#">子菜单四</a><br>
</p>