<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <link type="text/css" rel="stylesheet" href="css/menu.css" mce_href="css/menu.css"></link> <mce:script type="text/javascript" src="css/jquery.js" mce_src="css/jquery.js"></mce:script> <mce:script type="text/javascript" language="javascript"><!-- $(document).ready(function(){ var uls = $("ul > a");//ul下面的子标签数组 uls.click(function (){//每一个添加事件 var urlNode = $(this);//当前的一个ul var li = urlNode.nextAll("li");//和自己同一级别的 全部 li.toggle(); }); }); // --></mce:script> </head> <body> <ul> <a href="#" mce_href="#">公司部门</a> <li><a>财务部</a></li> <li><a>网络部</a></li> <li><a>人事部</a></li> </ul> <ul> <a href="#" mce_href="#">公司部门</a> <li><a>财务部</a></li> <li><a>网络部</a></li> <li><a>人事部</a></li> </ul> </body> </html>