li{
list-style:none; /*是li失去小圆点*/
margin-left:18px;
display:none;
}
a{
cursor:pointer;
}
$(document).ready(function(){
$("ul > a").click(function(){
$(this).nextAll("li").toggle("show");
});
$("li > a").click(function(){
$("#content").load($(this).attr("id"));
});
});
<body>
<ul>
<a>菜单一</a>
<li><a id="windowshow.html">子菜单1</a></li>
<li><a id="ajaxjQueryxml.jsp">子菜单2</a></li>
</ul>
<ul>
<a>菜单二</a>
<li><a>子菜单1</a></li>
<li><a>子菜单2</a></li>
</ul>
<div id="content"></div>
</body>